/********************************************************************
project:		OSCM
page name:		default.css
date created:	6 Sep 2007
created by:		Pete Neale
description:	OSCM Main CSS stylesheet
comments:		-
modifications:	none
date modified:	-
********************************************************************/

/* <<<<<<-- General styles -->>>>>> */
/* <<<<<<-- General styles -->>>>>> */
/* <<<<<<-- General styles -->>>>>> */

html { 
border-top-width: 10px;
border-top-style: solid;
border-top-color: #414141;
}

body {
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #E8E8E8;
	color:#444;
}
a {
	text-decoration:none;
	color: #014D6D;
}
a:hover {
	text-decoration:underline;
}
br {
line-height:0.4em;
}
#page {
	width: 780px;
	background: fixed url(/img/bg.gif) repeat-y top center;
	margin: 0 auto;
}
#discussionframe {
	overflow: auto;
	width: 100%;
	height: 100%;
	height: 700px;
	border: 0;
	display: block;
}
.clear {
	clear: both;
	height: 1px;
	width: 1px;
}
#content {
margin: 0;
padding: 0em 1em 0 2em;
font-size: 1em;
}

h4 {
color: #003399;
}

/* <<<<<<-- Header Styles -->>>>>> */
/* <<<<<<-- Header Styles -->>>>>> */
/* <<<<<<-- Header Styles -->>>>>> */

#header {
	padding: 0.4em 1em 0em 1em;
	margin: 0;
	height: 76px;
}
#header p {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0em;
}
#sitelogo {
	float:left;
}
#oscmlogo {
	float:right;
	margin: 0.5em 0 0 0;
	background: url(/img/oscmlogo.png) no-repeat center center;
	height: 44px;
	width: 111px;
	padding: 0 0 0 0;
}
#logininfo {
	float: right;
	font-size: 0.7em;
	padding: 0 0 0 0;
	clear:both;
}

/* <<<<<<-- Menu bar styles -->>>>>> */
/* <<<<<<-- Menu bar styles -->>>>>> */
/* <<<<<<-- Menu bar styles -->>>>>> */

#menu {
	clear: both;
    margin: 0 1em 0 1em;
    padding: 0 1em 0 1em;
	text-align: center;
	height: 45px;
	
	background-color: #014D6D;
}
.menuitem {
	float: left;
	height: 100%;
	font-weight: normal;
	font-size: 1.3em;
	font-family:Trebuchet MS, Verdana, Arial;
	margin: 0px auto;
}
.menuitem a {
	display: block;
	padding: 0.7em 0.7em;
	font-size: 0.8em;
	color: #ffffff;
}
.menuitem a:hover {

	text-decoration: underline;
}

/* <<<<<<-- Login Page -->>>>>> */
/* <<<<<<-- Login Page -->>>>>> */
/* <<<<<<-- Login Page -->>>>>> */

#login {
	border: 1px solid #CCCCCC;
	padding: 1em 1em;
	margin: 1em auto;
	width: 50%;
}
.logonerror {
	text-align: center;
	color: #ff0000;
	font-size: 0.8em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

/* <<<<<<-- Home Page -->>>>>> */
/* <<<<<<-- Home Page -->>>>>> */
/* <<<<<<-- Home Page -->>>>>> */

/* -- news -- */
#panel {
	background-color:#414141;
	padding: 0.5em;
	float: right;
	width: 230px;
	margin: -1px 0 0 0;
	border-bottom:8px solid black;
}

/* -- news -- */
#news {
	/*background-color:#414141;
	padding: 0.5em;
	float: right;
	width: 230px;
	margin: 0;*/
}
#news h4 {
	margin-top: 0;
	margin-bottom: 0.5em;
	font-size: 1.1em;
	color:#E86208;
	font-family:Trebuchet MS, Verdana, Arial;
}
#news p {
	margin: 0 .5em 1.5em 2em;
	font-size: .8em;
	color:#fff;
}
#news .headline {
	font-size: 0.9em;
	margin: 0.5em 0.5em;

}
#news .headline span {
	font-size: .8em;
	font-weight: normal;
	font-style: normal;
}

/* -- new library members -- */
#newlib {
	/*background-color:#414141;
	clear:right;
	padding: .5em;
	float: right;
	width: 230px;
	margin: 0;*/
}
#newlib h4 {
	margin-top: 0.5em;
	margin-bottom: .5em;
	font-size: 1em;
	color:#E86208;
	font-family:Trebuchet MS, Verdana, Arial;
}
#newlib p {
	margin: 0 .5em 0em 2em;
	font-size: .7em;
	color:#fff;
}
#newlib .date {

}

/* -- new discussions -- */
#newdis {
    /*background-color:#414141;
	clear:right;
	padding: .5em;
	float: right;
	width: 230px;
	margin: 0;*/
}
#newdis h4 {
	margin-top: 0;
	margin-bottom: .5em;
	font-size: 1.1em;
	font-family:Trebuchet MS, Verdana, Arial;
	color:#E86208;
}
#newdis p {
	margin: 0 .5em 0 2em;
		font-size: .7em;
	color:#fff;
}

/* -- Site message -- */
#sitemessage {
	
	padding: 0 0 0 0;
	width: 440px;
	margin: 0;
	
}

/* -- fixed content area for home page -- */
#fixedhome {
	
	padding: 0;
	width: 440px;
	margin: 0;
}

/* -- Sereno system wide message -- */
#systemmessage {
	padding: 0;
	width: 440px;
	margin:0;
}

/* -- headers -- */
h4 {
font-family:Trebuchet MS, Verdana, Arial;
color:#014D6D;
font-size:1.4em;
margin: 1em 0 0 0;
}
h5 {
font-family:Trebuchet MS, Verdana, Arial;
color:#014D6D;
font-size:1.2em;
margin: 1em 0 0 0;
}
h6 {
font-family:Trebuchet MS, Verdana, Arial;
color:#014D6D;
font-size:1.1em;
margin: 1em 0 0 0;
}
/* used in thickbox */
h2 {
font-family:Trebuchet MS, Verdana, Arial;
color:#014D6D;
font-size:1.2em;
}

/***************************
 av display page styles
 ***************************/
#avpage {
	text-align: center;
	padding: 10px;
}

#avav {
	width: 469px;
	height: 313px;
	margin: 0;
	padding: 0 0 15px 0;
	float: left;
}

#avinfo {
	margin-left: 15px;
	margin-right: 10px;
	height: 313px;
	padding: 0 0 0 5px;
	text-align: left;
	overflow: auto;
}

#avpdf {
	clear: both;
	padding-top: 10px;
	height: 320px;
	margin: 0;
	padding: 0;
}

/***************************
 av index page styles
 ***************************/

#avindex {	
	margin: 0;
	padding: 0 1em 0 0;
}

#avindex h4 {
	margin: 1em 0 0 0;
}

#avindex p {	
}

#avoptions {
	margin: 1em 0;
}

.avopt {
	margin: 0;
	float: left;
}

/* table of current items on av pages */
#avtable {
	clear: both;
	margin: 0em;
	font-size: 0.9em;
	line-height: 1.3em;
	width: 100%;
}

#avtable table {
	border: 1px solid #ccc;
	border-spacing: 0px;
	margin: 0;
	width: 100%;
	
}

#avtable .avheader {
	white-space: nowrap;
	background-color: #ccc;
	width: 80%;
	
}

#avtable .avheader a {
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	padding: 1em 1em 1em 0em;
	line-height: 1.6em;
}


#avtable .avitem {

}

#avtable .avtitle {
	font-weight: bold;
	font-size: 0.9em;
}

#avtable .avcat {

}

.avthumb {
	float: left;
	margin: 0 1em 0 0;
}
.avthumb img { 
width: 60px;
}

/* odd numbered rows */
#avtable .row1 {
	background-color: #F4F4F4;
	
}

/* even numbered rows */
#avtable .row2 {
	background-color: #ffffff;
}

/**************
 Library styles
 **************/

/* library page main div */
#libpage {	
	margin: 0;
	padding: 0 1em 0 0;
}

#libpage h4 {
	margin: 1em 0 0 0;
}

#libpage p {

	
}

#liboptions {
	margin: 1em 0;
}

.libopt {
	margin: 0;
	float: left;
}

/* table of current items on admin pages */
#librarytable {
	clear: both;
	margin: 0em;
	font-size: 0.9em;
	line-height: 1.3em;
	width: 100%;
}

#librarytable table {
	border: 1px solid #ccc;
	border-spacing: 0px;
	margin: 0;
	width: 100%;
}

#librarytable .libheader {
	white-space: nowrap;
	background-color: #ccc;
	width: 80%;
}

#librarytable .libheader a {
	
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	padding: 1em;
	line-height: 1.6em;
}


#librarytable .libitem {

}

.libitem {
padding: 0.4em;
}

#librarytable .libtitle {
	font-weight: bold;

}

#librarytable .libcat {
}

.libcat {
font-weight: bold;
}

/* odd numbered rows */
#librarytable .row1 {
	background-color: #F4F4F4;
		
}

/* even numbered rows */
#librarytable .row2 {
	background-color: #ffffff;
}

/* list of page number links when a pagination occurs */
.pagelist {
	font-size: 0.8em;
	text-align: right;
}

/* table header label */	
h4.tableheader {
	float: left;
}


/* <<<<<<-- Admin styles -->>>>>> */
/* <<<<<<-- Admin styles -->>>>>> */
/* <<<<<<-- Admin styles -->>>>>> */

#admin {
	border: 1px solid #CCCCCC;
	margin: 1em .5em;
	padding: 1em .5em;
}
#admin h4 {
	margin: 0 1em 1em 1em;
}
#admin p {
	margin: 0 1em .5em 1em;
}
#admin .updatemessage {
	padding-left: 12em;
	padding-bottom: 1em;
	color: #ff0000;
	font-size: 0.8em;
}
#admin .warning {
	padding-top: 1em;
	font-weight: bold;
	font-style: italic;
}
#admintable {
	clear: both;
	margin: 0 1em 1em 1em;
	width: 97%;
}
#admintable p {
	margin: 0;
}
#admintable .tabletitle {
	font-weight: bold;
	float: left;
	margin-right: 2em;
}
#admintable .paginatebox {
	margin: 0;
	font-size: 0.9em;
	font-weight: normal;
}
#admintable .pagelist {
	font-size: 0.8em;
	float: right;
	font-weight: normal;
}
#admintable table {
	border: 1px solid #cccccc;
	border-spacing: 0px;
	margin: 0.5em 0;
	width: 100%;
}
#admintable .link {
	white-space: nowrap;
	color: #0000ff;
}
#admintable .row1 {
	background-color: #ccffff;
}
#admintable .row2 {
	background-color: #ffffff;
}
#admintable .item {
	width: 100%;
}
#adminlinks {
	margin: 1em;
	font-size: .8em;
	color: #0000ff;
}

/* <<<<<<-- Footer styles -->>>>>> */
/* <<<<<<-- Footer styles -->>>>>> */
/* <<<<<<-- Footer styles -->>>>>> */

#footer {
	clear:both;
	padding: 1em 0 2em 2em;

}
#footerlinks {
	clear:both;
	margin: 1em auto;
	font-size: .7em;
	text-align: left;
}
#footerlinks p{
color:#999999;
}
#footerlinks p a {
color:#999999;
}
/* <<<<<<-- Error box styles -->>>>>> */
/* <<<<<<-- Error box styles -->>>>>> */
/* <<<<<<-- Error box styles -->>>>>> */

#errors {
	clear: both;
	margin: 1em auto;
	width: 80%;
	border: 2px solid #ff0000;
	font-size: 0.8em;
	padding: 1em 1em;
}
#errors p {
	padding: 0 2em;
	margin: 0;
}
#errors h4 {
	color: #ff0000;
	padding: 0;
	margin: 0 0 1em 0;
}