/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/
body {
   text-align:center;
	background-color: #036;
	color:#333;
}
input {
   text-align:left;
	background-color: #eee;
	color:#333;
}
textarea {
   text-align:left;
	background-color: #eee;
	color:#333;
}

#doc {
   width:750px;
   *width:750px; /* IE */
   min-width:750px;
   margin:auto;
   text-align:left;
   background-color: #fff;
}

#hd {margin-bottom:0em;text-align:left;
	background-color: #036;
	}
	
#nav {margin-bottom:0em;text-align:left;
	background-color: #036;
	color:#fff;
	font-weight:bold;
	font-size: 14px;
	}
	
	#nav a:link, #nav a:visited{
		color:#eee;
		font-weight:bold;
		text-decoration: none;
		}
	#nav a:hover {
		color:#036;
		font-weight:bold;
		text-decoration: none;
		}
		
#snav-top {margin-bottom:0em;text-align:left;
	background-color: #cc9;
	background-image: url(../images/mypn/sub-right-corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 10px;
	overflow: hidden;
	}
	
#snav {margin-bottom:0em;text-align:left;
	background-color: #cc9;
	height: 30px;
	padding-left: 20px;
	}

#bd {margin-bottom:0em;text-align:left;
	background-color: #fff;
	}

#ft {font-size:77%;font-family:verdana;clear:both;
	background-image: url(../images/mypn/footer.gif);
	background-position: center/bottom;
	background-color: #036;
	}


#content  {width:70%;min-width:500px; padding-left:20px;}
#content2  {width:100%;min-width:500px; padding-left:20px;}


#plan {
	width:auto; 
	margin-left:20px;
	margin-right:20px;
	background-color: #ffr;
	padding:5px;
	font-size:12px;
	}

#member {
	width:auto; 
	height:25px;
	margin-left:20px;
	margin-right:20px;
	background-color: #ffc;
	padding:5px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000066;
	font-size:12px;
	}

#actions {
	width:700px; 
	margin-left:20px;
	margin-right:20px;
	background-color: #ccc;
	padding:5px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000066;
	font-size:12px;
	float:left;
	}
#alerts{
	height:200px;
	width:auto;
	margin-left:20px;
	margin-right:20px;
	background-color: #eee;
	padding:5px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000066;
	font-size:12px;
	}
#announce  {
	width:auto; 
	margin-left:20px;
	margin-right:20px;
	background-color: #aaa;
	padding:5px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000066;
	font-size:12px;
	}

#enroll  {
	width:auto; 
	margin-left:20px;
	margin-right:20px;
	background-color: #ddd;
	padding-left:230px;
	padding-right:10:30px;
	padding-top:10px;
	padding-bottom:10px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000066;
	font-size:12px;
	}


/* rules for main templates */
.yui-t1 #yui-main .yui-b, .yui-t2 #yui-main .yui-b, .yui-t3 #yui-main .yui-b, .yui-t4 .yui-b, .yui-t5 .yui-b, .yui-t6 .yui-b {float:right; padding-left:20px;}
.yui-t1 .yui-b, .yui-t2 .yui-b, .yui-t3 .yui-b, .yui-t4 #yui-main .yui-b, .yui-t5 #yui-main .yui-b, .yui-t6 #yui-main .yui-b {float:left; padding-left:20px;}

/* t3 & t6: L300 & R300 */
.yui-t3 #yui-main .yui-b, .yui-t6 #yui-main .yui-b {width:50%;min-width:400px;}
.yui-t3 .yui-b, .yui-t6 .yui-b {width:35%;min-width:260px;}




/* nav tabs */
.nav-on  {background-image: url(../../images/mypn/tab-on.gif);}
.nav-off  {background-image: url(../../images/mypn/tab-off.gif);}










/*	grid-generic rules for all templates */

/* all modules and grids nested in a grid get floated */
.yui-g .yui-u, .yui-g .yui-g, .yui-ge .yui-u, .yui-gf .yui-u {
   float:right; 
   display:inline;   /* IE */ 
}

/* float left and kill margin on first for added flex */
.yui-g .first, .yui-gd .first, .yui-ge .first, .yui-gf .first {float:left; }

/* 2 col */
.yui-g .yui-u, .yui-g .yui-g {width:49.1%;}
.yui-g .yui-g .yui-u {width:48.1%;} /* smaller for nested to preserve margins */

/* 3 col */
.yui-gb .yui-u, .yui-gc .yui-u, .yui-gd .yui-u {
   float:left; /* need to reverse the order for 3 */
   margin-left:2%; *margin-left:1.895%;   
   width:32%;
}

.yui-gb .first, .yui-gc .first, .yui-gd .first {margin-left:0;}

/* colspan 2 */
.yui-gc .first, .yui-gd .yui-u {width:66%;}
.yui-gd .first {width:32%;}

/* colspan 3 */
.yui-ge .yui-u {width:24%;}
.yui-ge .first, .yui-gf .yui-u {width:74.2%;}
.yui-gf .first {width:24%;}
.yui-ge .first {width:74.2%;}

/* self clear floated parent containers */
#bd:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
#bd, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf {zoom:1;} /* IE */