@charset "UTF-8";
 /* HTML Tags */
body { margin-top: 0; margin-left: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight:normal; }

td {
	font-weight: normal;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a:link {
	color : #046390;
	text-decoration : none;
}
a:visited {
	color : #046390;
	text-decoration : none;
}
a:hover {
	color: #012E43;
	text-decoration : none;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	border: 1px solid #999;
	padding: 4px;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px solid #999;
	padding: 4px;
}

.tableMain {
	border-collapse: collapse;
}
.tableMain td {
	font-weight: normal;
	color: #666666;
	padding: 3px;
	border: 1px solid #CCCCCC;
}
.tableMain th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 3px 3px 4px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	background: #F8F8F8 url(/art/tabs09_down.jpg) repeat-x;
}

.tableMainHP {
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tableMainHP td {
	font-weight: normal;
	font-size: 10px;
	line-height:1.3em;
	padding: 3px;
	border: 1px solid #CCCCCC;
}
.tableMainHP th {
	font-size: 10px;
	line-height:1.3em;
	padding: 3px 3px 4px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	background: #F8F8F8 url(/art/tabs09_down.jpg) repeat-x;
}

.tableMainNB {
	border-collapse: collapse;
}
.tableMainNB td {
	font-weight: normal;
	color: #666666;
	padding: 3px;
	border: 1px solid #CCCCCC;
}
.tableMainNB th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 3px 3px 4px;
	font-weight: normal;
	border: 1px solid #CCCCCC;
	background: #F8F8F8 url(/art/tabs09_down.jpg) repeat-x;
}

.tableScorecard {
	border-collapse: collapse;
}
.tableScorecard th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: oblique;
	background-color: #ffffff;
	padding: 3px;
	border: 1px solid #666666;
}
.tableScorecard td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 3px;
	border: 1px solid #666666;
}

.tableOutline {
	border: 1px solid #CCCCCC;
	padding: 2px;
}
.tableOutline th {
	background-color: #DEDEDE;
}
.tableOutline td {
	border: 1px solid #CCCCCC;
}


/* course name list */
#courseNames {
	padding: 0 0 1em 8px;
	margin-bottom: 1em;
	text-transform:capitalize;
	width:250px; 
	height:300px; 
}

#courseNames ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#courseNames li {
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#courseNames li a {
	display: block;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
	width: 100%;
}

html>body #courseNames li a {
	width: auto;
}

#courseNames li a:hover {
	background-color: #00A1E6;
	color: #fff;
}


/* course menu */
#courseMenu {
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	color: #FFFFFF;
	width:150px;
	text-align: left; 
}

#courseMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#courseMenu li {
	border-bottom: 1px solid #FFFFFF;
	margin: 0;
}

#courseMenu li a {
	display: block;
	padding: 3px 3px 3px 3px;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	border-left: 10px solid #0088C1;
	border-right: 10px solid #0088C1;
}

html>body #courseMenu li a {
	width: auto;
}

#courseMenu li a:hover {
	background-color: #0088C1;
	color: #fff;
	border-left: 10px solid #00709F;
	border-right: 10px solid #00709F;
}

/* general menu */
#generalMenu {
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	color: #FFFFFF;
	width:150px;
	text-align: left; 
}

#generalMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#generalMenu li {
	border-bottom: 1px solid #FFFFFF;
	margin: 0;
}

#generalMenu li a {
	display: block;
	padding: 3px 3px 3px 3px;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	border-left: 10px solid #0088C1;
	border-right: 10px solid #0088C1;
}

html>body #generalMenu li a {
	width: auto;
}

#generalMenu li a:hover {
	background-color: #CB9C27;
	color: #fff;
	border-left: 10px solid #00709F;
	border-right: 10px solid #00709F;
}


/* stats menu */
#statsMenu {
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	color: #FFFFFF;
	width:150px;
	text-align: left; 
}

#statsMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#statsMenu li {
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#statsMenu li a {
	display: block;
	padding: 3px 3px 3px 3px;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #00A16B;
	border-left-color: #00A16B;
}

html>body #statsMenu li a {
	width: auto;
}

#statsMenu li a:hover {
	background-color: #00A16B;
	color: #fff;
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #008055;
	border-left-color: #008055;
}

/* general menu */
#generalMenu {
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	color: #FFFFFF;
	width:150px;
	text-align: left; 
}

#generalMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#generalMenu li {
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#generalMenu li a {
	display: block;
	padding: 3px 3px 3px 3px;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C09325;
	border-left-color: #C09325;
}

html>body #generalMenu li a {
	width: auto;
}

#generalMenu li a:hover {
	background-color: #CA9B27;
	color: #fff;
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #AE8720;
	border-left-color: #AE8720;
}


/* member menu */
#memberMenu {
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	color: #FFFFFF;
	width:150px;
	text-align: left; 
}

#memberMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#memberMenu li {
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#memberMenu li a {
	display: block;
	padding: 3px 3px 3px 3px;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #009A9A;
	border-left-color: #009A9A;
}

html>body #memberMenu li a {
	width: auto;
}

#memberMenu li a:hover {
	background-color: #009A9A;
	color: #fff;
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #007979;
	border-left-color: #007979;
}

/* ec menu */
#ecMenu {
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	color: #FFFFFF;
	width:150px;
	text-align: left; 
}

#ecMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#ecMenu li {
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#ecMenu li a {
	display: block;
	padding: 3px 3px 3px 3px;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D98200;
	border-left-color: #D98200;
}

html>body #ecMenu li a {
	width: auto;
}

#ecMenu li a:hover {
	background-color: #D98200;
	color: #fff;
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C67600;
	border-left-color: #C67600;
}


/* main menu colors */
.C0{color: #FFFFFF; background-color:#FF9900;}
.C0 a:hover {background-color:#DD8400;}

.C1{color: #FFFFFF; background-color:#00A1E6;}
.C1 a:hover {background-color:#0089C3;}

.C2{color: #FFFFFF; background-color:#00C7C7;}
.C2 a:hover {background-color:#00A4A4;}

.C3{color: #FFFFFF; background-color:#00D18C;}
.C3 a:hover {background-color:#00B478;}

.C4{color: #FFFFFF; background-color:#A1E633;}
.C4 a:hover {background-color:#8CC82B;}

.C5{color: #FFFFFF; background-color:#CAC12B;}
.C5 a:hover {background-color:#E6DC33;}

.C6{color: #FFFFFF; background-color:#E6B02E;}
.C6 a:hover {background-color:#CA9B27;}

.C7{color: #FFFFFF; background-color:#C30;}
.C7 a:hover {background-color:#CA9B27;}


/* yank main menu bkg */
#lMenu {
	position:absolute;
	left:50%;
	margin-left:-400px;
	height:20px;
	z-index:100;
	width: 820px;
}

/* P7 main Menu */
#p7PMnav {
	margin: 0;
	padding:0;
}
#p7PMnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#p7PMnav ul {
	margin: 0;
	padding: 0;
	position: absolute;
	left: -9000px;
	z-index: 10000;
}
#p7PMnav a {
	display: block;
	text-decoration: none;
	padding: 5px 10px;
	color: #FFFFFF;
	line-height:1;
}
#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {
	color: #FFFFFF;
	letter-spacing: .01px;
}

/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
}
/* ------ the trigger link styles ------- */

/*the trigger link */
#p7PMnav ul .p7PMtrg, #p7PMnav ul .p7PMon {
	background-image:  url(img/p7PM_dark_east.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}
/* the active trigger link style */
#p7PMnav .p7PMon {
	color: #FFFFFF;
}
/*the submenu classes */

#p7PMnav .p7PMhide {
	left: -9000px;
}
#p7PMnav .p7PMshow {
	left: auto;
	z-index: 20000 !important;
}
/* Top level menu width */
#p7PMnav li {
	float: left;
	width: 100px;
}
#p7PMnav ul li {
	float: none;
}
#p7PMnav ul, #p7PMnav ul li {
	width: 140px;
	text-align:left;
}
#pmmcrumb {
	font-weight: normal;
	margin-bottom: 16px;
}
#pmmcrumb a, #pmmcrumb a:visited {
	font-weight: normal;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
	font-weight: normal;
}

.titleBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #555555;
}

a {position: relative;}
 
a:hover span {
  position: absolute;
  display: block;
  top: 5px;
  left: 40px;
  text-decoration: none;
}

.ttImage {
	background-color:#CCCCCC;
	border: 1px solid #999999;  
    padding:1px;
}

.ttText {
	border: 1px solid #999999;
	width:180px;
	text-align:left;
	padding:5px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background: #333333;
}

.codeSample {
	background-color: #CCCCCC;
	padding: 4px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #000000;
	overflow: auto;
}
.demoDiv {
	background-color: #999999;
	width: 400px;
}
.sampleText {
	padding-left: 15px;
}
.EffectTrigger {
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

.iframeTooltip
{
	position: absolute;
	z-index: 1010;
}

.tooltipContent
{
	background-color: #FFFFCC;
}

/*table sorter */
#sortTable {
	border-collapse: collapse;
}
#sortTable td {
	padding: 3px;
	border: 1px solid #CCCCCC;
}
#sortTable th.header { 
	padding: 3px 3px 4px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	background-color:#F8F8F8;
	background-image: url(/art/ts_bg.gif);     
  cursor: pointer; 
  background-repeat: no-repeat; 
  background-position: center left; 
  padding-left: 20px; 
  margin-left: -1px; 
}
#sortTable th.headerSortUp { 
    background-image: url(/addons/jquery/tableSorter/images/ts_asc.gif); 
    background-color: #EEEEEE; 
}
#sortTable th.headerSortDown { 
    background-image: url(/addons/jquery/tableSorter/images/ts_desc.gif); 
    background-color: #EEEEEE; 
} 
#sortTable tbody tr.odd td {
	background-color:#F0F0F6;
}

#bkgTrans {
	width:100%;
	height:100%;
	background-color:#333333;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;
}
