/* 
CSS for GreatFriends communities
2003 Suthep S.
*/

.nowrap {
white-space: nowrap;
}
TD { 
	font-size: x-small;
	padding: 0px;
}
TR.talk TD STRONG {
	font-weight: 700;
	color: white;
}
BODY { 
	font-family: Tahoma, Verdana, Arial, "Sans Serif";
	margin: 10px;
	font-size: 10pt; /* x-small; */
	background-color: white; /* #CED0D5; */
	/* red bar on the left side */
	background-image: url(silverbox2.gif); /* redbox.gif */
	background-repeat: repeat-y;
}
COL.padding {
	padding: 0px 2px;
}

P {
	margin: 5px 0px;
}

PRE {
	font-family: Tahoma, Verdana, Arial, "Sans Serif";
	font-size: x-small;
}

H1, H2 {
	font-family: Arial, Tahoma;
	color: RoyalBlue;
}
H1 { color: RoyalBlue; }

H1, H2, H3, H4, H5 {
	margin-top: 3px;
	margin-bottom: 0px;
	font-weight: bold;
}
H1, H2 { 
	font-weight: bold;
}
H3 { color: navy; }

H3.header {
	font-size: 170%; color: forestgreen; margin: 0px 0px 5px 0px; font-weight: 700;
}

FIELDSET.header {
	padding: 5px;
}
FIELDSET.header LEGEND { 
	font-size: 170%; color: firebrick; 
	margin: 0px 0px 5px 0px; font-weight: 700;
	text-align: center; 
}

H4 { 
	color: navy;
	border: 1px dotted silver;
	border-width: 0px 0px 1px 0px;	
	margin-bottom: 3px;
}

FORM {
	margin: 0px;
}

A {
	text-decoration: none;
}
A:hover, A:hover STRONG, A:hover B, 
A:hover H3, A:hover H2 {
	text-decoration: none;
	color: tomato;
}
A.cnt {
/* content */
	color: black;
}

A.disabled {
	color: gray;
	cursor: hand;
}


DL {
	margin: 0px;
}

DT {
	color: green;
	font-weight: normal;
}

DD {
/*	background-color: whitesmoke; */
}

UL {
	margin: 0px 0px 0px 1.5em; 
}
UL LI {
	list-style: square;
}
OL {
	margin: 0px 0px 0px 2em; 
}

SPAN.keyword {
	font-weight: bold;
	color: green;
}

TEXTAREA {
	font-family: Tahoma;
}

B {
	font-weight: 700;
/*	color: maroon; */
}
STRONG {
	font-weight: 700;
/*	color: crimson; */
}

.high {
	color: red;
	font-weight: 700;
}

DIV.indent {
	margin-left: 10px;
}

SELECT { 
	font-family: Tahoma;
}

.bluebox {
	border: 1px solid LightSteelBlue;
	background-color: aliceblue;
	padding: 0px 3px;
	margin: 3px 0px;
}

UL.toc { }
UL.toc LI { 
	border-width: 0px 0px 1px 0px; border-style: inset; border-color: gainsboro; padding: 3px 0px; 
}

.block{
	border-width: 0px 0px 1px 0px; border-style: inset; border-color: gainsboro; padding: 3px 0px; 
}

HR { margin: 0px; }

DIV.b {
	border-width: 1px 1px 1px 1px; border-style: solid; 
	border-color: gray silver silver silver; padding: 1px 2px; 
	background-color: lavender;
}

INPUT, TEXTAREA {
/*	background-color: ghostwhite;*/
}

INPUT.btn {
	background-color: silver; 
	font-family: Tahoma;
	font-weight: 700;
	margin: 2px;
}

PRE.code {
	font-family: Tahoma, "Lucida Console", Courier;
	background-color: whitesmoke;
	margin: 5px 0px;
	font-size: x-small; /*9pt; */
	padding: 0px;
}
SELECT { border: 1px solid gray; margin-bottom: 2px;}

INPUT.txt3D, TEXTAREA.txt3D, SELECT.txt3D {
	background-image: url(bg3d.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	border: 1px solid silver;
	margin-bottom: 2px;
	padding-left: 2px;
	font-family: Tahoma;
}

SPAN.vbkey {
	color: navy;
}

SPAN.vbcomment {
	color: green;
	font-family: Tahoma;
}

SPAN.vbline {
	background-color: darkgray;
	color: white;
}



DIV.navbar {
	margin: 2px 0px;
	padding: 1px;
	background-color: white;
	text-align: right;

}

DIV.navbar A.page {
	background-color: whitesmoke;
	border: 0px solid silver;
	padding: 0px 3px;
	font-weight: 400;
	color: maroon;
}
DIV.navbar A.page:hover {
	color: red;

}

DIV.navbar SPAN.currpage {
	background-color: LightGoldenrodYellow;
	border: 1px solid silver;
	padding: 0px 3px;
	font-weight: 700;
	color: firebrick;
}


INPUT.btnHome1 {
	/* big button on the home page */
	width: 100%; 
	cursor: hand; 
	height: 26px;
	color: MediumBlue;
	font-size: 12pt; 
	font-family: Tahoma; 
	margin: 2px 0px;
	border-width: 0px;
	padding: 0px;
	background-image: url("/images/btn1.jpg");
}

INPUT.btnHome2 {
	/* big button on the home page */
	width: 100%; 
	cursor: hand; 
	color: MediumBlue;
	height: 26px;
	font-size: 12pt; 
	font-family: Tahoma; 
	margin: 2px 0px;
	border-width: 0px;
	padding: 0px;
	background-image: url("/images/btn2.jpg");
}

INPUT.btnHome3 {
	/* big button on the home page */
	width: 100%; 
	cursor: hand; 
	color: MediumBlue;
	font-size: 12pt; 
	height: 26px;
	font-family: Tahoma; 
	margin: 2px 0px;
	border-width: 0px;
	padding: 0px;
	background-image: url("/images/btn3.jpg");
}

SPAN.quote {
	color: mediumblue;
}

DIV.workshop {
width: 350; border: 1px solid gainsboro; background-color: whitesmoke;
text-align: center; color: firebrick; font-size: 7pt; margin: 5px 5px 5px 32px;
}





/* Sub Menu */

A DIV.menuitem {
	padding: 2px 6px;
	background-color: none; 
	border-color: forestgreen;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	margin-left: -3px;
	color: blue;
}
A DIV.menuitem_active {
	padding: 2px 6px;
	background-color: gainsboro;
	margin-left: -3px;
	color: crimson;
}

A:hover DIV.menuitem {
	padding: 2px 3px;
	background-color: lightyellow; 
	border-color: crimson;
	border-width: 0px 0px 0px 4px;
	border-style: solid;
	margin-left: -3px;
	color: crimson;
}

A:hover DIV.menuitem_active {
	padding: 2px 3px;
	background-color: gainsboro;
	border-color: crimson;
	border-width: 0px 0px 0px 4px;
	border-style: solid;
	margin-left: -3px;
	color: crimson;
}

.keyword {
	font-size:110%;
	color: royalblue;
}

SPAN.course_level {
	background-color: none;
	color: dodgerblue;
	font-weight: normal;
	padding: 0px 3px;
}


INPUT.txtSearch {
	border: 1px solid silver; 
	font-size: 9pt;
	margin: 3px;
	font-family: Tahoma;
}

INPUT.txtSearchFocus {
	border: 2px solid yellowgreen; 
	font-size: 9pt;
	margin: 2px;
	font-family: Tahoma;
}





div.button 
{
	width: 140px;  
	margin: 0px;
	padding: 12px 10px;
	border: 1px solid black;
	cursor: hand;
}
 a div.button 
{
	text-align: center;
	vertical-align: middle;
	width: 140px;  
	margin: 0px;
	padding: 12px 10px;
	background-color: #D3D7DD;
	 border: 1px solid white;
	 cursor: hand;
}
a:hover div.button 
{
	
	text-align: center;
	vertical-align: middle;
	width: 140px;  
	padding: 11px 10px;
	color: #FFF;
	background-color: black; /*#46A;*/
	border: 1px solid black; /* #BAD2EA; /* #ADF; */
	font-weight: bold; 
	background-image: url('/images/bg_button1info.png');
	background-repeat: repeat-x;
	cursor: hand;
	font-size: 105%;
}


/* feedback */
		div.feedback {
			font-size: 8pt; 
			font-family:  Tahoma, Arial; 
			width: 220px;
			text-align: center;
			float: right;
		}
		div.feedback b {
			color: crimson;
		}

		div.feedback a.agree:hover { background-color: lemonchiffon; }
		div.feedback a.disagree:hover { background-color: whitesmoke; }
		div.fbbox { margin-top: 5px;display: none; }
		.active { 
			background-color: Beige; 
			color: dimgray;
			padding: 3px; border: 2px solid silver; 
		}
		div.feedback div.voice {
			float: left; 
			margin: 1px;
			padding: 2px 3px;
			border: 1px solid silver;
			cursor: pointer;
			background-color: white;
		}
		div.feedback div.hover { background-color: gold; }