/* style.css v9.09.29 */


/* -------------------------------------------------------------------------------- */
/* --- general page elements --- */

html {
	overflow-y: scroll;
}

body {
	background-image: url(/img/page/bg.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-color: #CBDBED;
}

body, td, li, p, textarea {
	font-family: 'Lucida Grande', Calibri, Tahoma, Verdana, Arial, Helvetica, Clean, Sans-serif;
/*	font-size: 13px; */
}

textarea {
	font-size: larger;
}

h1, h2, h3 {
	margin-top: 0px;
	margin-bottom: 4px;
	color: #0063A5;
}

img {
	vertical-align: bottom;
}

.navbar {
	margin-top: 0px;
}

.navbarHere {
	color: #009900;
	font-weight: bold;
}

ul.noindent {
	margin-top: 8px;
	margin-left: 0px;
	padding-left: 16px;
}

table.hilite tr:hover {
	background-color: #E1EDF9;
	background-image: url(/img/page/block.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
}


/* -------------------------------------------------------------------------------- */
/* --- forms --- */

textarea:focus {
	color: black;
}

textarea {
	color: grey;
}

button:not([DISABLED]):hover {
	cursor: pointer;
}


/* -------------------------------------------------------------------------------- */
/* --- msgBox --- */

textarea.msgTextNear {
	border: 2px solid yellow;
}

textarea.msgTextFull {
	background-color: #FFF1F1;
	border: 2px solid red;
}

textarea.msgTextOver {
	background-color: #FFC0C0;
	border: 2px solid red;
}

textarea.msgText {
}


/* -------------------------------------------------------------------------------- */
/* --- links --- */

a.moreLink:hover {
	color: #0000FF;
	text-decoration: underline;
}

a.moreLink {
	color: #999999;
	font-size: smaller;
	text-decoration: none;
}


/* -------------------------------------------------------------------------------- */
/* --- switchable text --- */

.switchable .alt { display:none }
.switchable:hover .default { display:none }
.switchable:hover .alt { display:inline }


/* -------------------------------------------------------------------------------- */
/* --- media  --- */

@media xscreen {
	.sidebar { width: 160px }
	.content { width: 600px; padding-left: 8px }
	.screenOnly { display: run-in }
	.printOnly { display: none }
}

@media screen {
	.sidebar { display: none }
	.content { width: 760px; }
	.screenOnly { display: run-in }
	.printOnly { display: none }
}

@media print {
	.sidebar { display: none }
	.content { width: 760px }
	.screenOnly { display: none }
	.printOnly { display: run-in }
}


/* -------------------------------------------------------------------------------- */
/* --- rollup/rolldown --- */

img.rollup,
img.rolldown {
	cursor: pointer;
	vertical-align: top;
}

td.rollup,
td.rolldown {
	text-align: right;
	white-space: nowrap;
	width: 24px;
}

table.itemMini {
	cursor: pointer;
}


/* -------------------------------------------------------------------------------- */
/* --- module header --- */

div.module {
	margin: 0px 0px 8px 0px;
}

div.module h2 {
	background: url(/img/page/module-t.gif) top left no-repeat;
	border: 0px;
	color: #FFFFFF;
	display: block;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}

div.module h2 span {
	background: url(/img/page/module-tr.gif) top right no-repeat;
	display: block;
	padding: 5px 10px;
}

div.module h2 a:link, div.module h2 a:visited {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
}

div.module div.moduleBody {
	background-color: white;
	border: 1px #438FD1 solid;
	display: block;
	padding: 5px;
}


/* -------------------------------------------------------------------------------- */
/* --- avatar --- */

img.avatar:hover {
	background-color: #FFFFFF;
	border: 1px #0000FF solid;
	padding: 2px;
}

img.avatar {
	border: 3px white solid;
}

img.avatarFriend:hover {
	background-color: #FFFFFF;
	border: 1px #0000FF solid;
	padding: 2px;
}

img.avatarFriend {
	border: 3px #FFD05F solid;
}


/* -------------------------------------------------------------------------------- */
/* --- NEW item box --- */

/* a	{ color: #999999; text-decoration: none; } */
a:hover	{ color: #0000FF; text-decoration: underline; }

div.itemDiv { margin-bottom: 4px; }

td.itemBody { padding-top: 8px; }

td.itemTitleMajor a:hover	{ color: #0000FF; text-decoration: underline; }
td.itemTitleMajor a		{ color: #0000FF; text-decoration: underline; }
td.itemTitleMajor		{ font-weight: bold; }

td.itemTitle a:hover		{ color: #0000FF; text-decoration: underline; }
td.itemTitle a			{ color: #999999; text-decoration: none; }
td.itemTitle			{ color: #999999; font-size: smaller; }

td.itemTitleMini a:hover	{ color: #0000FF; text-decoration: underline; }
td.itemTitleMini a		{ color: #999999; text-decoration: none; }
td.itemTitleMini		{ color: #999999; font-size: smaller; }

// td.itemSideline a:hover		{ color: #0000FF; text-decoration: underline; }
// td.itemSideline a		{ color: #999999; text-decoration: none; }
td.itemSideline			{ color: #999999; font-size: smaller; text-align: right; }


/* -------------------------------------------------------------------------------- */
/* --- item box --- */

table.item,
table.itemMini {
	background-position: left top;
	background-repeat: repeat-x;
}

table.item:hover,
table.itemMini:hover {
	background: url(/img/page/item-blue.png) top left repeat-x;
}

table.item td.sideline {
	color: #999999;
	font-size: smaller;
	text-align: right;
}

table.item td.sideline a {
	color: #999999;
	text-decoration: none;
}

table.item td.sideline a:hover {
	color: #0000FF;
	text-decoration: underline;
}

table.item td.titleMajor {
	font-weight: bold;
}

table.item td a.title {
	color: #999999;
	font-size: smaller;
}

table.item td a.title:hover {
	color: #0000FF;
}

table.item p.subline {
	color: #999999;
	font-size: smaller;
	margin-bottom: 0px;
	margin-top: 8px;
	text-align: right;
}

table.item p.subline a {
	color: #999999;
	text-decoration: none;
}

table.item p.subline a:hover {
	color: #0000FF;
	text-decoration: underline;
}


/* -------------------------------------------------------------------------------- */
/* --- info bars --- */

td.rightbar a:hover, span.leftbar a:hover {
	color: #0000FF;
	text-decoration: underline;
}

td.rightbar a, span.leftbar a {
	color: #999999;
	text-decoration: none;
}

td.rightbar, span.leftbar {
	color: #999999;
	font-size: smaller;
}

.leftbar {
	margin-left: 16px;
}

td.rightbar {
	white-space:nowrap;
};


/* -------------------------------------------------------------------------------- */