/*
	These style elements are from the original XOOPS theme "phpkaox"
*/

table { width: 100%; margin: 5; padding: 5; font-size: small }
table td { padding: 0; border-width: 0; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;}
div#content { padding: 5px; text-align: left;}
div#content td { padding: 3px;}

a { font-family: Tahoma, taipei; font-size: 12px; text-decoration: none; color: #000000; font-style: normal}
a:hover { text-decoration: underline;  font-family: Tahoma, taipei; font-size: 12px; color: #FF9966; font-style: normal}
td { font-family: Tahoma, taipei; color: #00000; font-size: 12px; border-width : 1px; }
input { background-color : transparent; color : #000000; font-family : Tahoma, taipei, Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-weight : normal;border-color : #000000;  border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px;text-indent : 2px;  }
textarea {font-family: Tahoma, taipei, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;background-color : white; font-weight : bold; border-color : #000000;  border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px; text-indent : 2px;}
select {font-family: Tahoma, taipei, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight : bold;background-color:#F5F5F5; } 
img { border: 0;}
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: disc inside;}

.odd { background-color: #ebebf9 }
.outer { background-color: #ffffff }
.even { background-color: #afdfff }
th { background-color: #8fcfff; color: black; text-align: left; padding: 3px;}

.comTitle {font-weight: bold; margin-bottom: 2px }
.comText {padding: 2px}
.comUserStat {font-size: 10px; color: #333333; font-weight:bold; border: 1px solid #cccccc; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #333333; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}

.item { border: 1px solid #cccccc;}
.itemHead {background-color: #8fcfff; color: black; padding: 2px; font-weight: bold; text-align: left }
.itemInfo {text-align: right; padding: 3px; background-color: #ebebf9}
.itemTitle a {font-size: 100%; font-weight: bold; color: black; background-color: transparent;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px; text-align: left}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #cbdbe9 }
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

.blockTitle { background-color: #2060a0; color: black; padding: 2px; fond-weight: bold }

/* Some forms are not clear against the background - add borders on form-by-form basis like this */
#forumform table { border: 1px solid black }
#forumform td { border: 1px solid gray }
#commentform table { border: 1px solid black }
#commentform td { border: 1px solid gray }
#reportform table { border: 1px solid black }
#reportform td { border: 1px solid gray }
#submit_event table { border: 1px solid black }		/* extcal (calendar module) */
#submit_event td { border: 1px solid gray }
#pswd table { border: 1px solid black }		/* extcal (calendar module) */
#pswd td { border: 1px solid gray }
#modify_event table { border: 1px solid black }		/* extcal (calendar module) */
#modify_event td { border: 1px solid gray }
#storyform table { border: 1px solid black }
#storyform td { border: 1px solid gray }
.liaise table { border: 1px solid black }		/* For any Liaise ("contact us") form */
.liaise td { border: 1px solid gray }


/* 
	These elements are specific to the NIMS portal
*/
body { border: none }
textarea { background-color: white }
input { background-color: white }

/* Right-hand column: For most users this is just the "recent news" block */
#rightcolumn .blockTitle { color: white; font-weight: bold; font-size: 11px }
#rightcolumn li { color: white; font-weight: bold; font-size: 10px }
#rightcolumn td { font-size: 10px; color: yellow; text-align: left }
#rightcolumn .date { color: white; font-size: 10px; font-style: italic }		/* In Recent News template; date after news item summary */
#news_spotlight_title { color: white; font-weight: bold; font-size: 12px; font-variant: small-caps }		/* Style for highlighted news item's title */

td#rightcolumn { width: 180px }

/* Remove border from around frame (some browsers add automatically) */
#main_area { border: none }

/* Left-hand column (these variables are in the theme HTML file) */
#leftcolumn .blockTitle { display: none }		/* To show no block headings in LH column */
td#leftcolumn { width: 180px }					/* Width of left-hand column */

/* NIMS Main menu block (these variables are in the NIMS block template) */
td#NIMS_Menu a:hover { cursor: pointer }
a.NIMS_Main  { color: white; font-weight: bold; padding-left: 3px; cursor: pointer }
a.NIMS_Sub { color: yellow; padding-left: 3px }





/*
	Below are some of the class definitions from the original
	portal site, which now belongs to <div id="header">...</div>
*/

/* Invisible class (form submit button) */
#header .invisible {
	visibility: hidden;
	display: none;
}


/* Left navigation menu (back, top, reload)*/

#header table.left-navi {
	width: 280px;		/* NB: Have to set width here, since in this XOOPS theme tables are width=100% by default (see top) */
	padding: 0px;
	border-style: none;
}

#header table.left-navi td {
	padding: 0px;
	border-style: none;
	border-width: 1px;
	border-color: red;
	vertical-align: top;
}

#header .left-navi-space {
	width: 10px;
}

/* Right navigation menu */
#header table.right-navi {
	width: 310px;		/* NB: Have to set width here, since in this XOOPS theme tables are width=100% by default (see top) */
	padding: 0px;
	border-style: none;
}

#header table.right-navi td {
	padding: 0px;
	border-style: none;		/* Can set to solid to see table element boxes; useful for fine tuning position */
	border-width: 1px;
	border-color: red;
	vertical-align: top;
}





/* Class for temporary table elements, below logo (login etc.) and search */

/* Login etc. below logo */
.login-link-common {
font-weight: bold;
text-align: center;
border-style: solid;
border-color: white;
border-width: 1px;
background-color: #add8e6;
white-space: nowrap;
}

#login-link {
padding: 0px 4px 0px 4px;
margin: 0px;
line-height: 1em;
}

#logout-link {
padding: 0px 4px 0px 4px;
margin: 0px;
line-height: 1em;
}

#user-edit-link {
padding: 0px 4px 0px 4px;
margin: 0px;
line-height: 1em;
}

/* Temporary links below search menu */
.temp_td {
	padding-left: 4px;
	padding-right: 4px;
	line-height: 1em;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-style: solid;
	border-color: #ffffff;
	border-width: 1px;
	background-color: #add8e6;
	white-space: nowrap;
}

/* Table for the same links */
table.temp {
	margin-top: 4px;
	margin-bottom: 4px;
}