<!--

.nothing {}  

/* --------- GENERAL LINK SETTING --------- */
a:link {color:#7AA54E; text-decoration: underline; line-height: 15px}
a:visited {color:#7AA54E; line-height: 15px}
a:hover {color:#FF0000; line-height: 15px}
a:active {color:#FF0000; line-height: 15px}


/* --------- GENERAL FONT SETTING --------- */
body, td, p, input {font-family: arial, verdana, helvetica; font-size: 9pt; color:#353535; text-align: left}
.tagText {font-family: arial, verdana, helvetica; font-size: 8pt; color:#353535}
.orangeText {font-family: arial, verdana, helvetica; font-size: 8pt; color:#B45600}

hr { line-height: 15px }


form { display: inline }


.title {
	color: #6D3400;
	font: italic bold 16px/20px Georgia, Times New Roman, Times, serif;
	letter-spacing: 1px;
	word-spacing: 2px;
}

.bodyTextsmall {font-family: arial, verdana, helvetica; font-size: 8pt; color:#666666}
.bodyTextError {font-family: arial, verdana, helvetica; font-size: 9pt; color:#FF0000}

h1 { font-family: arial, verdana, helvetica; font-size: 14pt; font-style: italic; color:#7AA54E;margin:0; padding:4px 0;}
h2 { font-family: arial, verdana, helvetica; font-size: 9pt; font-weight: bold; color:#C27630; margin:0; padding:4px 0;}

.tdSearch { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/header/search_bg.png', sizingMethod='scale') ; }

A.headerLink:link {font-family: arial, verdana, helvetica; font-size:8pt; color: #002518; text-decoration: none; line-height: 15px}
A.headerLink:visited {font-family: arial, verdana, helvetica; font-size:8pt; color: #002518; text-decoration: none; line-height: 15px}
A.headerLink:hover {font-family: arial, verdana, helvetica; font-size:8pt; color: #002518; text-decoration: underline; line-height: 15px}
A.headerLink:active {font-family: arial, verdana, helvetica; font-size:8pt; color: #002518; text-decoration: none; line-height: 15px}
.headerNav {font-family: arial, verdana, helvetica; font-size: 8pt; color:#002518}

A.read:link {font-family: arial, verdana, helvetica; font-size:8pt; color: #353535; text-decoration: underline; line-height: 15px}
A.read:visited {font-family: arial, verdana, helvetica; font-size:8pt; color: #353535; text-decoration: underline; line-height: 15px}
A.read:hover {font-family: arial, verdana, helvetica; font-size:8pt; color: #353535; text-decoration: underline; line-height: 15px}
A.read:active {font-family: arial, verdana, helvetica; font-size:8pt; color: #353535; text-decoration: underline; line-height: 15px}


.rightMenu { width:180px; }


/* --------- ACCOUNT/USER PAGES --------- */
.nameText {font-family: arial, verdana, helvetica; font-size: 16pt; color:#1A5CAF}



/* --------- FOOTER --------- */
A.footerlink:link {font-family: arial, verdana, helvetica; font-size:8pt; color: #C6CCBF; text-decoration: none}
A.footerlink:visited {font-family: arial, verdana, helvetica; font-size:8pt; color: #C6CCBF; text-decoration: none}
A.footerlink:hover {font-family: arial, verdana, helvetica; font-size:8pt; color: #C6CCBF; text-decoration: none}
A.footerlink:active {font-family: arial, verdana, helvetica; font-size:8pt; color: #C6CCBF; text-decoration: none}
.footerText {font-family: arial, verdana, helvetica; font-size: 8pt; color:#C6CCBF}


/*/////// tables ///////*/

.row1 {
	background-color: #F7F7F7;
	border: 1px solid #ddd;
	font-size: x-small;
}

.row2 {
	background-color: #FFFFFF;
	border: 1px solid #ddd;
	font-size: x-small;
}

.row3 {
	background-color: #FFF7BD;
	border: 1px solid #ddd;
	font-size: x-small;
}

.rowSection {
	background-color: #ECECEC;
	font-size: x-small;
	font-weight: bold;
	border: 1px solid #bbb;
}

.rowSpacer {
	background-color: #FFFFFF;
}

.rowInfo {
	background-color: #FFFFFF;
	font-size: x-small;
	border: 1px solid #bbb;
}

.row1Data {
	background-color: #FFFFFF;
	font-size: x-small;
	border: 1px solid #bbb;
}

.row2Data {
	background-color: #FFFFFF;
	font-size: x-small;
	border: 1px solid #bbb;
}

.rowButton {
	background-color: #ECECEC;
	font-size: x-small;
	text-align: right;
	border: 1px solid #bbb;
}

.rowSubButton {
	background-color: #ECECEC;
	font-size: x-small;
	text-align: right;
	border: 1px solid #bbb;
}
.rowSubButton input {
	font-size: x-small;
}

.rowButton input {
	font-size: small;
}

/*/////// forms ///////*/

.reqField {
	color: red;
}

.textInput {
	font-weight: normal;	
	width: 97%;
}

#accountLoginForm table {
	width: 300px;
}
#accountLoginForm .row1 {

}
#accountLoginForm .row2 {
	width: 220px;
}
#accountLoginForm .textInput {
	font-weight: normal;	
	width: 97%;
}

#accountSignupForm table {
	width: 380px;
}
#accountSignupForm .row1 {
	width: 90px;
}
#accountSignupForm .row2 {
	width: 290px;
}
#accountSignupForm .textInput {
	font-weight: normal;	
	width: 97%;
}


#groupSearchForm table {
	width: 380px;
}
#groupSearchForm .row1 {
	width: 110px;
}
#groupSearchForm .row2 {
	width: 290px;
}
#groupSearchForm .textInput {
	font-weight: normal;	
	width: 97%;
}

#groupJoinForm table {
	width: 380px;
}
#groupJoinForm .row2 {
	padding: 15px;
}


#etab {
 position: relative;
 left: 13px;
 top: 16px;
 font-family: Arial;
 font-size: 10pt;
}


#etab .content {
   position: relative;
   width: 475px;
   height: 350px;
   margin-left: -10px;
   font-family: Arial;
   padding: 5px;
   border: 2px solid #bbb;
   background-color: #FFFFFF;
   
}

#etab .tab {
   position: relative;
   border: 1px solid #bbb;
   padding: 2px 9px 1px 9px;
   background-color: #555555;
   color: #FFFFFF;
   z-index: 1;
   border-bottom-width: 0;
   text-decoration: none;
 }

#etab  *.selected { 
   padding: 3px 9px 3px 9px;
   color: #060610 ;
   background-color: #FFFFFF;
   z-index: 2;
 }



/* --------- NOT USED ? --------- */ 

.rules {font-family: arial, verdana, helvetica; font-size: 9pt; color:#3377B9}

A.quicklinks:link {font-family: arial, verdana, helvetica; font-size:8pt; color: #6478C0; text-decoration: underline}
A.quicklinks:visited {font-family: arial, verdana, helvetica; font-size:8pt; color: #6478C0; text-decoration: underline}

A.shoplinks:link {font-family: arial, verdana, helvetica; font-size:8pt; color: #666666; text-decoration: underline}
A.shoplinks:visited {font-family: arial, verdana, helvetica; font-size:8pt; color: #666666; text-decoration: underline}

A.hotlinks:link {font-family: arial, verdana, helvetica; font-size:8pt; color: #EE001E; text-decoration: underline}
A.hotlinks:visited {font-family: arial, verdana, helvetica; font-size:8pt; color: #EE001E; text-decoration: underline}
A.hotlinks:active {font-family: arial, verdana, helvetica; font-size:8pt; color: #EE001E; text-decoration: underline}
A.hotlinks:hover {font-family: arial, verdana, helvetica; font-size:8pt; color: #EE001E; text-decoration: underline}



/* Language Specific CSS */
.langSelect {
  font-size: 9pt;
  color: #3C3C3C;
}
table.imTable { 
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #666666;
	padding: .75em;
	width: 490px;
}
ble.imTable2 { 
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #666666;
	padding: .75em;
	width: 490px;
}
tr.tHead {
	background-color: #CCCCCC;
	padding: .75em;
	font-weight: bold;
}
tr.tRow1 {
	background-color: #FFFFFF;
	text-decoration: none;
}
tr.tRow2 {
	background-color: #EBF3FF;
	text-decoration: none;
}
tr.tRow0 {
	background-color: #FFFFFF;
	text-decoration: none;
}
.tCell {
  padding: .75em;
}
.tCellB {
	border-left: 1px solid #dadada;
	padding: .75em;
}
.tCellH {
  padding: .75em;
}
a.langSel:link, a.langSel:visited {
	color: #000000;
	text-decoration: none;
}
tr.tRow1:hover, tr.tRow2:hover {
	background-color: #3D80DF;
	color: #FFFFFF;
}
tr.tRow1:hover a, tr.tRow2:hover a {
	color: #FFFFFF;
}
tr.tRow2:hover a {
	color: #FFFFFF;
}
/* Language Specific CSS */
 
 
 
.popup { border-color: #2B551D; border-width: 1px; border-style: solid; }
.popupRow { border-top-color: #2B551D; border-top-width: 1px; border-top-style: solid; text-align: right; }
.popupRow2 { text-align: right; }
A.popupHeader, body.popupHeader, td.popupHeader { font-family: arial, verdana, helvetica; font-size: 8pt; color:#7AA54E; text-align: right; text-decoration: none; }
A.popupFooter { font-family: arial, verdana, helvetica; font-size: 8pt; color:#FFFFFF; text-align: right; text-decoration: none; }



.info { visibility: visible; display: block; }
.infoHidden { visibility: hidden; display: none; }

.infoLink a {font-weight:normal; line-height:14px; padding:4px 2px 4px 4px; display:block; border:1px solid #fff; }
.infoLink a:hover { display:block; font-weight:normal; border:1px solid #7AA54E; background-color:#C2D6AE; text-decoration:none; }


.coursePhoto { border: 1px solid #000000; }
.coursePhoto:hover { border: 1px solid #FF0000; }

-->