.box{
	background-color: #fff;
	/*width: 612px;*/
	/*margin:0 auto 20px auto;
	padding:0 5px 5px 30px;*/

}



.box h4{
	/*background-image:url(/pub/design/tableheadbg.jpg);*/

	height:25px;
	width:710px;
	color:#fff;
	margin: 0 0 5px 0;
	padding: 6px 0 0 10px;

	
}
.box .box-container{
	margin:10px 0 0 30px;
	
}

.box h5{
	margin:10px 0 0 30px;
		
}

.box p{
	margin:10px 0 0 30px;
	
}
	
	

.box-container h4
{
	background-image:url(/pub/design/tablehead600.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:602px;
	margin:0 0 0 0 !important;
}
.box-container h5
{
	font-size:125%;
	border-bottom:1px solid #999;
}


.GridTable{
	/*width: 640px;*/
	width:100%;
	background-color: #fff;
}

.GridTable td{
border-right: 2px solid #fff;
text-align: center;
}

* html .GridTable td{
border-right: 2px solid #fff;
text-align: center;
font-size:90%;
}



.GridHeader
{
	background-color:#6d8200;
	color:#fff;
	padding:5px 5px 5px 5px;
	border-bottom:1px solid #fff;
}

.GridRowOff1{
	background:transparent url(/pub/design/bg_tableRow.gif) repeat-x scroll 0 1px;
}
.GridRowOn1
{
	background-color:Orange;
	cursor:pointer;
}
.GridTableNoneFound
{
	font-weight:bold;
	padding:10px 0 10px 0;
	text-align:center;
	background-color:#eeeeee;
}
.NextPrevForm
{
	float:right;
}
.box-container input{
	border: 1px solid #3b3b3b;
}

.box-container input.enrollbtn2
{
	border:0;
	border:none;
	background-color:transparent;
	color:#0000ff;
	width:65px;
	text-decoration:underline;
	font-size:11px;
}

.FormButtonContainer input{
	margin: 0 10px 10px 0;
}

.NextPrev{
	padding: 10px 10px 10px 10px;
}

.formButton{
	background-color: #999999;
	color: #fff;
	border: 1px solid #000000;
}
#DMSSearchForm legend
{
	color:#333;
}





/* my classes */
.cal
{	

	width:730px;
}
.calleft
{
	width:300px;
	float:left;
	margin:0 20px 0 0;
}
.calright
{
	width:335px;
	float:left;
	margin:0 0 0 35px;

}

* html .calright
{
	width:335px;
	float:left;
	margin:0 0 0 15px;

}



.recap{
	width:300px;
	float:left;
	border:4px solid #cccccc;
	padding:2px;
	min-height:200px;

}


.syllabusbox{
	width:300px;
	float:left;
	border:4px solid #cccccc;
	padding:2px;
	min-height:200px;
	margin:0 0 20px 0;
}


.announcements{
	width:300px;
	float:left;
	border:4px solid #cccccc;
	padding:2px;
	margin:0 0 0 0;
	min-height:200px;
}


.myclasses
{
	width:350px;
}
	.myclasses h2
	{
		width:100%;
		font-size:140%;
		background-color:#719f32;
		color:#fff;
		margin:0 0 0 0;
		padding:3px 0 3px 0;
		line-height:30px;
		text-align:center;
		font-family: gulim,dotum,Arial;
	}
		.myclasses h2 a img
		{
				vertical-align:middle;
		}


	.myclasses ul
	{
		margin:0 0 5px 0;
		padding:0 0 5px 0;	
		width:350px;
	}
		.myclasses ul li 
		{
			list-style-type:none;	
			padding:0 0 0 0;
			margin:2px 0 2px 0;
			border:1px solid #ccc;
			background-color:#fbfaf3;
		}
			.myclasses ul li .d /* date */
			{
				display:block;
				font-size:14px;
				background-color:#DFE8FF;
				color:#333;
				width:100%;
				font-weight:bold;
				/*margin:0 0 2px 0;
				padding:2px 0 2px 0;*/
				float:left;
				background-image:url(/pub/dashboard/schedule_top.png);
				background-position:left bottom;
				background-repeat:repeat-y;
			
			}
				.myclasses ul li .d span
				{
					padding:2px 2px 2px 5px;
					float:left;
					display:block;
					color:#fff;
					font-size:90%;
				}
			
			.myclasses ul li .d strong
			{
				float:right;
				margin:0 0 0 0;	
			}

			.myclasses ul li .h /* holiday */
			{
				display:block;
				font-weight:bold;
				width:340px;
				color:#0000ff;
				padding:5px 0 5px 5px;
			}

			.myclasses ul li p.c /* class */
			{

			}
			.myclasses ul li p.c .ck /* holiday */
			{
				display:block;
			}
			.myclasses ul li p.c .ce /* holiday */
			{
				display:block;
			}
			.myclasses ul li p.c .tt /* holiday */
			{
				display:block;
			}			
			.myclasses ul li span.ck, .myclasses ul li span.ce, .myclasses ul li span.tt
			{
				padding:0 0 0 5px;
				margin:2px 0 2px 0;
				display:block;
			}
.toolclass
{
	
}


/* my account */

.myaccount label{
	display: block;
	float: left;
	text-align: left;
	width: 125px;
	font-weight: bold;
	margin: 3px 0 0 0;
	padding:0 0 0 20px;
}


* html .myaccount label{
	display: block;
	float: left;
	text-align: left;
	font-size:80%;
	width: 125px;
	font-weight: bold;
	margin: 3px 0 0 0;
	padding:0 0 0 20px;
}





.myaccount td input, .myaccount td .input{
	float: left;
	border: 1px solid #999;
	line-height: 14px;
	padding: 3px 0 3px 0;
	margin: 0 0 6px 10px;
	width: 400px;
}

* html .myaccount td input, .myaccount td .input{
	float: left;
	border: 1px solid #999;
	height:25px;
	line-height: 15px;
	padding: 3px 0 3px 0;
	margin: 0 0 6px 10px;
	width: 400px;
}




.myaccount  span{
	float: left;
	padding: 3px 0 3px 0;
	margin: 0 0 0 10px;
	font-weight:bold;
}

.myaccount  select{
	float: left;
	border: 1px solid #999;
	height: 25px;
	margin: 0 0 0 10px;
	width: 200px;
}
	

.memberh2
{
	margin:10px 0 2px 0;
	padding:5px 0 5px 25px;
	background-color:#719f32;
	color:#fff;
	font-size:90%;
}	
.memberfieldset
{
	padding:5px 0 5px 0;
	border:none;
}


h1.orangeH1{
	color:#cd4800;
	font-size:130%;
}

h1.orange{
	color:#cd4800;
	font-size:130%;
}

.orange{
	color:#cd4800;

}

.cancelBox
{
	margin:15px 0 0 0;
	border-top:5px solid #ccc;	
}

#FieldsetABC .myaccount
{
	margin:5px 0 0 5px;
	padding:0 0 0 10px;
	width:600px;
}
	#FieldsetABC .myaccount th
	{
		text-align:right;	
	}
	#FieldsetABC .myaccount label
	{
		white-space:nowrap;
		width:100px;
	}

.cancelCap
{
	margin:5px 0 0 5px;	
}

a.ctoggle:link
{
	padding:5px 0 5px 0;
	display:block;
}
a.ctoggle:visited
{
	padding:5px 0 5px 0;
	display:block;	
}
a.ctoggle:hover
{
	padding:5px 0 5px 0;
	display:block;
}
a.ctoggle:active
{
	padding:5px 0 5px 0;
	display:block;	
}


/* no classes */
.noclasses
{
	border:5px solid #f3f3f3;
	background-color:#ffffff;
	margin:20px 0 0 0;	
	padding:10px;
}

.noclasses h2{
	font-size:120%;
	color:#3f6e00;
}





/* class btn absolute right */
.classbtn
{
	position:relative;
	top:10px;
	float:right;
	margin:0 5px 0 0;
}
	.classbtn input
	{
		background-image:url(/pub/design/bluebtnbg.png);
		background-repeat:no-repeat;	
		background-position:center center;
		border:0;
		background-color:#fff;
		width:110px;
		height:21px;
		
	}

.cborderbtm
{
	border-bottom:1px solid #ccc;
	margin:0 0 7px 0;
	padding:0 0 0 0;
	clear:left;
}



/* registrer for class */
.classitem
{
	width:602px;
	
	background-color:#f4f4f4;
}

	.classitem h2
	{
		font-size:150%;
		width:592px;
		padding:5px 0 2px 10px;
		margin:0 0 0 0;
		background-color:#999;
		color:#fff;
		
	}
		.classitem h2 span
		{
			display:block;
			padding:4px 0 4px 4px;
			font-size:11px;
			font-style:italic;
		}

	.classitem h3
	{
		font-size:125%;
		width:575px;
		padding:5px 0 5px 5px;
		margin:0 0 0 10px;
		background-color:#eeeeee;
		color:#333;	
		border-bottom:1px solid #999;
		border-top:1px solid #999;
		clear:left;
	}
		
		
	.classitem ul.classdet
	{
		margin:5px 10px 5px 10px;
		padding:0 0 0 0;
		float:left;
	
	}
	


	.classitem ul.classdet li
	{
		margin:2px 0 2px 0;
		padding:2px 0 2px 2px;
		list-style-type:none;
		float:left;
		font-size:110%;
		width:400px;
	}
		.classitem ul li strong
		{
			padding:0 5px 0 0;
			color:#053387;
		}

	.classitem .classdesc
	{
		border:1px solid #999;
		background-color:#efefef;
		width:565px;
		margin:5px 10px 0 10px;
		padding:3px 5px 3px 5px;
		line-height:20px;
		font-size:12px;
	}

	.classitem .classreg
	{
		margin:5px 0 5px 10px;	
		padding:10px 0 10px 0;
		font-size:20px;
	}
		.classitem .classreg a:link
		{
			cursor:pointer;
			background-color:#719f32;
			color:#fff;
			text-decoration:none;
			margin:0 2px 0 0;	
			padding:4px 10px 4px 10px;
			font-size:90%;
		}
		
		.classitem .classreg a:visited
		{
			cursor:pointer;
			background-color:#719f32;
			text-decoration:none;
			color:#fff;
			text-decoration:none;
			margin:0 2px 0 0;	
			padding:4px 10px 4px 10px;
			font-size:90%;
		}
		.classitem .classreg a:hover
		{
			cursor:pointer;
			background-color:#719f32;
			text-decoration:none;
			color:#fff;
			text-decoration:none;
			margin:0 2px 0 0;	
			padding:4px 10px 4px 10px;
			font-size:90%;
		}
		.classitem .classreg a:active
		{
			cursor:pointer;
			background-color:#719f32;
			text-decoration:none;
			color:#fff;
			text-decoration:none;
			margin:0 2px 0 0;	
			padding:4px 10px 4px 10px;
			font-size:90%;
		}			
		
	.classitem p.classdeta
	{
		margin:0 0 0 5px;
		padding:5px 5px 5px 5px;
		font-size:200%;	
	}
		
/* class list */


.classlistbox
{
	margin:20px 0 0 0;
}

.classlist
{
	width:600px;
	border:1px solid #999;
	margin:0 0 5px 0;
}


	.classlist h2
	{
		font-size:125%;
		width:595px;
		padding:5px 0 0 5px;
		margin:0 0 0 0;
		background-color:#669625;	
		border-bottom:2px solid #999;
		min-height:24px;
		overflow:visible;
	}
	
	
		.classlist h2 .classlistlink{
			padding:0;
			margin:0;
			width:400px;
			text-align:right;
		}
	
	
	
	
	.classlist h2.classgreen
	{
		font-size:125%;
		width:595px;
		padding:5px 0 0 5px;
		margin:0 0 0 0;
		background-color:#efefef;	
		border-bottom:2px solid #999;
	}

		.classlist h2 span
		{
			display:block;
			padding:4px 0 4px 4px;
			font-size:11px;
			font-style:italic;
			
		}
		
		.classlistlink
		{
			float:right;
			/*width:200px;*/
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
			.classorange li
			{
				margin:0 0 0 0;
				padding:0 5px 0 0;
				list-style-type:none;
				display:inline;
				color:#fff;
				font-weight:bold;
			}
			.classorange a:link
			{
				color:#fff;
				font-size:12px;
			}
			.classorange a:visited
			{
				color:#fff;
				font-size:12px;
			}
			.classorange a:hover
			{
				color:#fff;
				font-size:12px;
			}
			.classorange a:active
			{
				color:#fff;
				font-size:12px;
			}								
			
			
.classlistgreenbox
{
		font-size:125%;
		width:595px;
		padding:5px 0 5px 5px;
		margin:0 0 0 0;
		background-color:#5D5A2D;	
		border-bottom:2px solid #999;	
		font-size:11px;	
		line-height:20px;
		color:#fff;
}		

.boxmargin
{
		margin:0 0 5px 0;
}

		.classlistgreenbox a:link
		{
			color:#fff;
			text-decoration:none;
			font-weight:bold;
		}	
		.classlistgreenbox a:visited
		{
			color:#fff;
			text-decoration:none;
			font-weight:bold;
		}
		.classlistgreenbox a:hover
		{
			color:#fff;
			text-decoration: underline;
			font-weight:bold;			
		}
		.classlistgreenbox a:active
		{
			color:#fff;
			text-decoration:none;
			font-weight:bold;			
		}
		
		
		

	.classdetright h3
	{
		font-size:100%;
		padding:5px 0 5px 5px;
		margin:0 0 0 10px;
		background-color:#efefef;
		color:#333;	
		border-bottom:1px solid #999;
		border-top:1px solid #999;
	}
		
		
	.classlist ul.classdet
	{
		margin:5px 10px 5px 10px;
		padding:0 0 0 0;
		float:left;
		width:285px;
	}

	.classlist ul.classdet li
	{
		margin:2px 0 2px 0;
		padding:2px 0 2px 2px;
		list-style-type:none;
		float:left;
		font-size:95%;
		width:285px;
	}
		.classlist ul li strong
		{
			padding:0 5px 0 0;
			color:#053387;
		}


	.classdetright
	{
		width:275px;
		overflow:hidden;
		margin:5px 0 0 0;
		float:left;
		font-size:110%;
	}


	.classdetnone
	{
		width:295px;
		margin:5px 0 0 0;
	}
	
	.classdetnone p.classdeta
	{
		padding:5px 5px 5px 5px;
		font-size:125%;
	}

	.classlist .classreg
	{
		margin:0 0 0 0;	
		padding:0 0 0 0;
		/*font-size:20px;*/
	}
		.classlist .classreg a:link
		{
			cursor:pointer;
			background-color:orange;
			border:1px solid #D77118;
			color:#fff;
			text-decoration:none;
			margin:0 2px 0 0;	
			padding:2px 10px 2px 10px;
		}
		
		.classlist .classreg a:visited
		{
			cursor:pointer;
			background-color:orange;
			border:1px solid #D77118;
			text-decoration:none;
			color:#fff;
			text-decoration:none;
			margin:0 2px 0 0;	
			padding:2px 10px 2px 10px;		
		}
		.classlist .classreg a:hover
		{
			cursor:pointer;
			background-color:orange;
			border:1px solid #D77118;
			text-decoration:none;
			color:#fff;
			text-decoration:none;
			margin:0 2px 0 0;	
			padding:2px 10px 2px 10px;		
		}
		.classlist .classreg a:active
		{
			cursor:pointer;
			background-color:orange;
			border:1px solid #D77118;
			text-decoration:none;
			color:#fff;
			text-decoration:none;
			margin:0 2px 0 0;	
			padding:2px 10px 2px 10px;		
		}			
		
/* wire transfer items */
.wirebox
{
	width:600px;
	border:1px solid #F67607;	
	padding:10px 0 10px 0;
}
    
.wirebox2
{
	min-height:100px;
	background-color:#ddd;
	width:600px;
	border:1px solid #F67607;	
	padding:10px 0 10px 0;	
}    
        		
          		
.wiretbl          		
{
	border:1px solid #999;
	background-color:#efefef;	
	margin:0 0 10px 0;
}
	.wiretbl caption
	{
		background-color:#FFA500;
		color:#000;
		font-weight:bold;
		padding:2px 0 2px 0;
	}
	.wiretbl th
	{
		text-align:left;
		white-space:nowrap;
		border:1px solid #efefef;
	}
	.wiretbl td
	{
		width:80%;
		white-space:nowrap;
		border:1px solid #999;
		background-color:#F3F0FF;	
	}
	
/* radio options */	
.wireopttbl
{
	width:300px;	
	font-size:12px;
	margin:0 0 10px 5px;
	border:0;
	float:left;
}
	.wireopttbl label
	{
		width:100px;
		display:inline;
		margin:0 0 0 0;
		padding:0 0 0 0;
		text-align:left;
	}
	.wireopttbl td input
	{
		border:none;
		width:25px;
		display:inline;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}

	
/* credit box */
.useCredit p
{
	font-weight:bold;
	color:#053387;
	padding:5px 5px 5px 5px;
	margin:0 5px 0 5px;
}	
.useCredit p input
{
	margin:5px 0 0 0;
}

.useCredit h2
{
	margin:5px 0 5px 5px;
	padding:5px 0 5px 5px;
	background-color:#063692;
	font-weight:bold;
	color:#fff;
	width:95%;
}

	
/* coupon box */
.couponok
{
	padding:0 0 0 10px;	
	font-size:120%;
}	
.couponok label
{
	font-weight:bold;
}
.couponok .strike
{
	text-decoration:line-through;
	color:red;
}

#removecoupon
{
	padding:0 0 0 0;
	margin:0 0 0 10px;
	width:125px;
	color:#0000ff;
	text-decoration:underline;
	border:1px solid #fff;
	background-color:#fff;
}


.kgtgbox
{
	float:left;
	width:200px;
	font-size:12px;
	padding:0 0 0 0;
}


.pmtoptdiv
{
	border-bottom:1px solid #ccc;
	margin:0 0 10px 5px;
	float:left;
}


/* student nav */
.studentnav
{
	width:655px;
	border:1px solid #999;
	background-color:#FFA500;	
	background-image:url(/pub/dashboard/orange_menu_bar.png);
	background-position:center center;
	background-repeat:no-repeat;
}
	.studentnav ul
	{
		margin:0 0 0 0;
		padding:0 0 0 0;
				
	}
	.studentnav ul li
	{
		list-style-type:none;
		margin:0 10px 0 5px;
		padding:0 0 0 0;
		float:left;

	}
		.studentnav ul li img
		{
			
			margin:3px 0 3px 0;
			vertical-align:middle;
		}
		
		.studentnav ul li img.mail
		{
			margin:8px 0 0 0;	
		}
		
		.studentnav ul li span.pipe
		{
			color:#999;
			font-size:14px;
			padding:0 3px 0 3px;
		}
		
		.studentnav ul li a span
		{
			
			font-weight:bold;
			font-size:14px;
			padding:3px 2px 3px 5px;
			text-transform:uppercase;
		}
			.studentnav ul li a:link
			{
				text-decoration:none;
				color:#fff;
			}

			.studentnav ul li a:visited
			{
				text-decoration:none;
				color:#fff;
			}
			.studentnav ul li a:hover
			{
				text-decoration:none;
				color:#000;
			}
			.studentnav ul li a:active
			{
				text-decoration:none;
				color:#fff;
			}								
/* feedback from teacher */
.feedbackformtbl
{
	margin:0 0 10px 0;	
}

.feedbackopt
{
	font-size:16px;
	border:2px solid #999;
	background-color:#ebebeb;	
	padding:5px 5px 5px 5px;
	width:700px;
	margin:5px 0 5px 0;
	font-weight:bold;
}

.feedbackformtbl label
{
	font-weight:bold;
}
.feedbackformtbl select
{
	width:300px;
	border:1px solid #999;	
}

.feedbackformtbl .tdspacer
{
	height:25px;
	background-color:#efefef;	
}
.feedbackformtbl .th
{
	
	font-weight:bold;
	border:1px solid #ccc;
}

.feedbackformtbl input
{
	width:225px;
	border:1px solid #999;	
}
.feedbackformtbl textarea
{
	width:500px;
	height:100px;
	border:1px solid #999;
	padding:5px 5px 5px 5px;	
}

/* member dashboard */
.dashbox
{
	position:relative;
	width:100%;
	float:left;
	margin:0 0 0 0;
	padding:0 0 15px 0;
}

.profile
{
	width:700px;	
	margin:5px 0 5px 0;
	float:left;

}
	.profile .imgbox
	{
		float:left;		
		width:164px;
		height:170px;
		overflow:hidden;
		text-align:center;
		background-color:#fff;
		text-align:center;
		border:1px solid #9f9f9f;
	}
		.profile .imgbox img
		{
			
		}

	.profile .usrbox
	{
		width:500px;
		float:left;	
		margin:0 0 0 30px;
		font-family: gulim,dotum,Arial;
	}

	.profile .usrbox ul
	{
		margin:0 0 0 0;
		padding:0 0 0 0;	
		overflow:hidden;
		float:left;
		width:100%;
	}
	.profile .usrbox ul li
	{
		margin:0 0 10px 0;
		padding:0 0 0 0;
		list-style-type:none;

	}
	
	.profile .usrbox ul li.lib
	{
		margin:0 40px 10px 0;
		padding:0 0 0 0;
		list-style-type:none;
		display:inline;
		float:left;
		  

	}


	.profile .usrbox ul li.lia strong
	{
		display:inline;
		font-size:14px;	
		color:#000;
		font-weight:bold;
		padding:0;
		margin:0;
	}
	
	.profile .usrbox ul li.lia span
	{
	
		font-size:14px;	
		color:#000;
		font-weight:bold;
		margin:0 0 0 5px;
	}
	
	.profile .usrbox ul li.lic a
	{
		display:block;
		clear:left;
		width:94px;
		height:20px;
		background-image:url(/pub/design2/olive_btn.jpg);
		background-position:center center;
		background-repeat:no-repeat;
		text-align:center;
		color:#fff;
		text-decoration:none;
	}
	.profile .usrbox ul li.lic a span
	{
		color:#fff;
		font-size:11px;
		line-height:20px;
		font-weight:normal;
	}


	.profile .usrbox ul li strong
	{
		display:block;
		font-size:14px;	
		color:#aeb861;
		font-weight:bold;
	}
	
	

	
	.profile .usrbox ul li span
	{
	
		padding:0 0 2px 0;
		color:#252525;
		font-weight:bold;
	}



#hp-dashboard
{
	float:left;
	position:relative;

}

#credit-hp
{
	width:500px;
	float:left;
	margin:0 0 0 30px;

}




/* dash board */
.dashtop
{
	float:left;
	width:300px;
	background-color:#719f32;
	height:26px;	
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	line-height:26px;
}
.dashmid
{
	float:left;
	width:300px;

}


.dashmid ul
{
	padding:0;
	margin:0;
	list-style:none;

}

.dashbtm
{
	float:left;
	width:300px;

	height:14px;
	margin:0 0 10px 0;
}


.recap .dashtop350
{
	width:300px;
	float:left;
	background-color:#719F32;
	background-image:none;
	height:23px;	
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	line-height:26px;
	padding:0 0 0 0;
	margin:0;
}


.dashmid350 h2{
	font-size:120%;
}


.dashtop350
{
	width:225px;
	float:left;
	background-color:#ffffff;
	background-image:url(/pub/design2/myAccount_tab.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:30px;	
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	line-height:32px;
	padding:0;
	margin:0 0 0 5px;
	  font-family: gulim,dotum,Arial;
}
.dashmid350
{
	float:left;
	width:300px;
}


.dashmid350 p
{
border-bottom:1px dashed #cccccc;
margin:5px 0 0 5px;
}


.nofound{
margin:30px 0 30px 0;
}


.nofound p{
	border-bottom:none;
	color:#719f32;
}

.dashbtm350
{
	float:left;
	width:300px;

	height:14px;
	margin:0 0 10px 0;
}



.announcements ul
{
	margin:5px 5px 0 5px;
	padding:0 0 0 0;	
	float:left;
}
.announcements ul li
{
	margin:0 0 0 0;
	padding:5px 0 5px 0;
	list-style-type:none;
	display:block;
	border-bottom:1px solid #ccc;
}
.announcements ul li strong
{
	font-weight:bold;	
}
.announcements ul li span
{
	display:block;	
}

div.announce
{
	display:none;
	width:264px;
	margin:5px 5px 5px 5px;
	border:1px solid #999;
	background-color:#efefef;
	padding:10px 5px 10px 5px;
}

/* tid bit */
.tidbit
{
	width:298px;
}
.tidbit ul
{
	margin:5px 5px 0 5px;
	padding:0 0 0 0;	
	float:left;
}
.tidbit ul li
{
	margin:0 0 0 0;
	padding:5px 0 5px 0;
	list-style-type:none;
	display:block;
	font-style:italic;
	text-align:center;
	font-family:Verdana, Arial, Helvetica;
}


/* studentcredit */
.studentcredit
{
	width:350px;	
	margin:0 0 5px 0;
}
	.studentcredit .dashmid350
	{
		padding:0;
		margin:0;
		width:500px;
		float:left;
		border:3px solid #ccc;
	}
	.studentcredit .noulbox
	{
		width:75px;
		float:left;
		height:85px;
	}
	.studentcredit ul
	{
		margin:0 0 0 0;
		padding:0;
		width:145px;
		float:left;	
	}
	.studentcredit ul li
	{
		margin:2px 0 2px 0;
		padding: 5px 2px 5px 2px;
		list-style-type:none;
		clear:left;
	}

	.studentcredit span.name
	{
		font-weight:bold;
		text-transform:uppercase;
		float:left;
		padding:1px 0 1px 0;
	}
	.studentcredit span.value
	{
		border:1px solid #999;
		margin:0 0 0 5px;
		padding:1px 1px 1px 1px;
		width:50px;
		background-color:#fff;
		float:left;
	}

/* student cash */
.studentcash
{

	width:193px;
	padding:0;
	margin:0 30px 0 0;
	float:right;
	border-left:1px dashed #666666;
	/*overflow:hidden;*/
}
	.studentcash span
	{
		display:block;
		float:left;
		color:#cb0000;
		margin:10px 0 0 0;
		padding:0 0 0 10px;	
		width:193px;
		font-size:120%;
		text-align:center;
		font-weight:bold;
	}


span.cashAmount{
	color:#000000;
}



ul.studentcreditul
{
	margin:5px 5px 0 5px;
	padding:5px 0 0 0;
	font-size:11px;	
	width:340px;
	float:left;
	border-top:1px solid #666;
}
	ul.studentcreditul li
	{
		float:left;
		text-align:center;
		margin:0 0 0 0;
		padding:0 0 0 0;
		list-style-type:none;	
		clear:none;
		width:165px;
	}
	ul.studentcreditul li a
	{
		color:#0000EE;
	}

/* daily poll */
.poll
{
	width:298px;
}
.poll p
{
	font-weight:bold;
	width:268px;
	margin:5px 0 5px 0;
	padding:0 15px 0 15px;	
}

.poll ul
{
	margin:5px 5px 0 15px;
	padding:0 0 0 0;	
	float:left;
}
.poll ul li
{
	margin:0 0 0 0;
	padding:5px 0 5px 0;
	list-style-type:none;
	display:block;
	width:65px;
	float:left;
	font-style:italic;
	text-align:center;
	font-family:Verdana, Arial, Helvetica;
}
.poll ul li.voteli
{
	/*width:170px;*/
	padding:5px 0 0 20px;
	text-align:right;	
}
.poll ul li.voter
{
	width:95%;	
	display:block;
	text-align:left;
	border-bottom:1px solid #ccc;
}
.poll ul li.voter span
{
	padding:0 5px 0 0;	
	display:block;
	float:left;	
}
.poll ul li.voter label
{
	width:86px;
	font-weight:bold;
	color:Blue;
	display:block;
	float:left;	
}


.poll .button
{
	width:89px;
	height:22px;
	background-image:url(/pub/dashboard/vote_button.png);
	background-position:center center;
	border:0;
	background-color:#dddddd;
	color:#fff;
	font-weight:bold;	
}


/* recap */
.recap h2
{
	width:95%;
	margin:10px 5px 5px 5px;
	padding:0 0 0 0;

}
.recap p
{
	margin:2px 5px 5px 5px;
	padding:0 0 0 0;	
}

.recap .classinfo
{
	margin:0 0 0 5px;
	padding:0 0 0 0;
	background-color:#EBEBEB;
	color:#333;	
	width:285px;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #999;
}
.recap .classinfo li
{
	list-style-type:none;
	margin:0 0 0 0;
	padding:5px 0 5px 5px;

}

.recap .classinfo2 
{
	margin:0 0 0 5px;
	padding:0 0 0 0;
	background-color:#EBEBEB;
	color:#333;	
	width:285px;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
.recap .classinfo2 li
{
	list-style-type:none;
	margin:0 0 0 0;
	padding:5px 0 5px 5px;
}
.recap .classinfo2 li img
{
	vertical-align:middle;
}

.recap .nofound, .announcements .nofound
{
	text-align:center;
	font-style:italic;
	font-weight:bold;
	color:#999;	
	padding:5px 0 0 0;
}

/* syllabus box */
.syllabusbox p
{
	margin:0 0 0 0;
	padding:5px 0 5px 5px;	
}
.syllabusbox ul
{
	margin:5px 0 0 5px;
	padding:0 0 0 0;
}
.syllabusbox ul li
{
	margin:0 0 0 0;
	padding:5px 0 5px 0;
	list-style-type:none;
}
.syllabusbox ul li h2
{
	margin:5px 5px 5px 0;
	padding:0;
	width:95%;
	font-size:120%;
}
.syllabusbox ul li a
{
	display:block;
	background-color:#EBEBEB;
	border:1px solid #999999;
	color:#333333;
	margin:0 0 0 5px;
	padding:0;
	width:200px;
	padding:5px 5px 5px 5px;
}
.syllabusbox ul li a:link
{
	color:#0000ff;
}	
.syllabusbox ul li a:visited
{
	color:#0000ff;
}	
.syllabusbox ul li a:hover
{
	color:#0000ff;
}	
.syllabusbox ul li a:active
{
	color:#0000ff;
}	
.syllabusbox ul li a img
{
	vertical-align:middle;
	padding:-1px 2px 0 0;
}	



#UploadContPro
{
	width:100%;
	height:125px;
	overflow:hidden;
}
#UploadContPro img
{
	float:left;
	margin:0 5px 0 10px;
	border:1px solid #999999;	
}
#UploadContPro ul
{
	float:left;
	width:150px;	
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#UploadContPro ul li
{
	list-style-type:none;	
	margin:0 0 5px 0;
	padding:2px 0 2px 0;
	background-image:url("/pub/design2/olive_btn.jpg");
	background-position:center left;
	background-repeat:no-repeat;
}


#UploadContPro ul li a:link
{
font-size:80%;
text-decoration:none;
color:#fff;
line-height:1px;
padding:0 0 0 7px;

}

#UploadContPro ul li a:visited
{
font-size:80%;
text-decoration:none;
color:#fff;
line-height:1px;
padding:0 0 0 7px;

}


#UploadContPro ul li a:hover
{
font-size:80%;
text-decoration:none;
color:#fff;
line-height:1px;
padding:0 0 0 7px;

}


#UploadContPro ul li a:active
{
font-size:80%;
text-decoration:none;
color:#fff;
line-height:1px;
padding:0 0 0 7px;

}



/*
#FormContainer .FormButtonContainerBottom .formButton{
	background-image:url("/pub/design2/account_buton.jpg");
	background-position:center center;
	background-repeat:no-repeat;

	height:29px;
	background-color:#fff;
	border:none;
	text-align:center;
	margin:10px 0 0 0;

}*/






.beanpeople
{
	font-weight:normal;
}


/* table receipt */
.tblReceipt
{
	width:640px;
	margin:0 auto 25px auto;
	
	background-color:#f6f6f6;
}
	.tblReceipt th
	{
		background-color:#999;
		font-weight:bold;
		padding:5px 5px 5px 5px;
		text-align:left;
		color:#fff;
	}
	.tblReceipt td
	{
		vertical-align:top;
		padding:2px 0 2px 2px;
	}
	
		.tblReceipt td.b
		{
			border-bottom:1px solid #ccc;
			padding:10px 0 10px 5px;
			
		}
		.tblReceipt td.btntd
		{
			text-align:right;
			padding:5px 0 5px 0;
			border-bottom:1px solid #ccc;
		}
		
		.tblReceipt td.btntd input
		{
			background-color:#719f32;
			border:none;
		}
		
		
		.box p input{
			background-color:#719f32;
			border:none;
		}
		
		.tblReceipt td label
		{
			font-weight:bold;
			color:#000;
		}
	
	.tblReceipt td ul 
	{
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
		.tblReceipt td ul li
		{
			margin:0 0 0 0;
			padding:0 0 3px 0;
			list-style-type:none;
		}
.box-wire2
{
	width:638px;
	
	overflow:hidden;
	margin:0 auto 0 auto;
	background-color:#f6f6f6;
}	
	.box-wire2 h2
	{
		margin:0 0 0 0;
		padding:5px 5px 5px 5px;
		background-color:#719f32;
		color:#fff;
		float:left;
		width:640px;
		font-size:100%;
	}
		.box-wire2 h2 span.left
		{
			float:left;
			padding:0 0 0 5px;
		}
		.box-wire2 h2 span.right
		{
			float:right;
			padding:0 25px 0 0;
			font-size:125%;
			color:#333;
			font-weight:bold;
		}
		.box-wire2 p
		{
			margin:10px 0 5px 5px;	
		}
		
		
		.box-wire2 p input
		{
			background-color:#719f32;
			border:none;
			padding:3px 0 3px 0;
			font-size:100%;
		}
		
		
		
		
#offsetContent
{
	margin:0 auto 0 auto;
	width:640px;
} 




/* member header */

.myAccountHeaderContainer{
    width:732px;
    padding:0 0 0 20px;
}

.topHeader{
    width:732px;
    height:94px;
    background-image:url("/pub/design2/myAccount_green_bg.jpg");
    background-position:top left;
    background-repeat:no-repeat;
    float:left;
	font-family: esprout, gulim, dotum, Arial;
	font-size:80%;
}
  
.leftHeader{
    width:650px;
    float:left;
}
  
  
.myAccountHeaderContainer .studentName{
    font-size:200%;
    width:100%;
    color:#fff;
    font-weight:bold;
    margin:15px 0 0 15px;
    line-height:20px;
}

.myAccountHeaderContainer .esproutProfile{
    font-size:200%;
    color:#fff;
    font-weight:bold;
    margin:5px 0 0 15px;
}
  

  

  
  
  
.myAccountHeaderContainer .variableName{
    margin:0 0 0 10px;
}
  
  
  .myAccountHeaderContainer .variableProfile{
    margin:0 0 0 10px;
}
  
  
  
  
  
.buttonContainer{
    float:right;
    margin:55px 25px 0 0;
    margin:0;
    clear:left;
    float:left;
    width:100%;
}
  
  #AutoLogIn
{
	margin:0 0 5px 0;
	width:525px;
	float:left;
	text-align:left;
	padding:9px 0 5px 15px;
	color:#fff;
}
	#AutoLogIn input
	{
		margin:0 0 0 10px;
		border:0;
		background-color:Transparent;
		color:#fff;
		font-weight:bold;
		border-bottom:1px solid #fff;
	}
  
  #AutoLogInGreen
	{
	background-color:#514F28;
	float:left;	
	border:2px solid #999;
	margin:5px 0 5px;
	width:728px;
	}

  
input.editProfileButton{
    background-image:url("/pub/design2/edit_MyProfile_btn.jpg") !important;
    background-position:top left;
    background-repeat:no-repeat;
    width:85px;
    height:28px;
    border:none;
    font-size:0px;
    background-color:#fff;
    line-height:2000px;
}

input.calendarButton{
    background-image:url("/pub/design2/logout_btn.jpg") !important;
    background-position:top left;
    background-repeat:no-repeat;
    width:85px;
    height:28px;
    border:none;
    font-size:0px;
        background-color:#fff;
	line-height:2000px;
}
  
  
  
.myAccountMenu{
    width:732px;
    height:36px;
    float:left;
}


.myAccountMenu ul{
    list-style:none;
    padding:0;
    margin:0;
    width:100%;
    text-align:center;
}
  

.myAccountMenu ul li{
    width:183px;
    height:36px;
    display:inline;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:0;
    margin:0;
    float:left;
}

.myAccountMenu ul li a img{
    border:none;
    padding:0;
    margin:0;
}


.myAccountMenu ul li a:link{
    width:183px;
    height:38px;
    padding:0;
    margin:0;
}

.myAccountMenu ul li a:visited{
    width:183px;
    height:38px;
    padding:0;
    margin:0;
}

.myAccountMenu ul li a:hover{
    width:183px;
    height:38px;
    padding:0;
    margin:0;
}

.myAccountMenu ul li a:active{
    width:183px;
    height:38px;
    padding:0;
    margin:0;
}


  
.bottomHeader{
    width:732px;
    height:36px;
    background-image:url("/pub/design2/myAccount_bottom_bg.jpg");
    background-position:top left;
    background-repeat:no-repeat;
    float:left;
    padding:0;
    margin:0;
  }
/* end header */


table.myaccount th{
	vertical-align:top;

}




/** annoucements **/

#announcements{
	width:100%;
	float:left;
	padding:10px 0 0 0;
	margin:0 0 20px 0;
}

#announcements .dashtop
{
	width:100%;
	background-color:#fff;
	padding:0;
	margin:0 0 10px 0;
	text-align:left;
}


#announcements .dashtop img
{

	padding:0;
	margin:0;
}


#announcements .dashmid
{
	width:100%;
}



h1.registerH1{
	color:#cd4800;
	font-size:130%;
}


#wrapper-myfiles{
	padding:0 0 0 50px;
	
}

* html #wrapper-myfiles{
	padding:0 0 0 40px;
	
}


#wrapper-myclasses{
	padding:0 0 0 50px;
}

#wrapper-inbox{
	padding:0 0 0 50px;
}

#wrapper-calendar{
	padding:0 0 0 50px;
}

* html #wrapper-calendar{
	padding:0 0 0 40px;
}



#wrapper-myaccount{
	padding:0 0 0 50px;
}

#wrapper-register{
	padding:0 0 0 50px;	
}

#wrapper-customclasses{
	padding:0 0 0 50px;
}

* html #wrapper-customclasses{
	padding:0 0 0 40px;
}

#wrapper-inbox #DMSSearchFormInbox{
	width:665px;
}


#wrapper-inbox .inboxtableholder{
	width:682px;
}

#wrapper-tutor{
	padding:0 0 0 50px;
}




#wrapper-customclasses .greybox .greyboxtop, #wrapper-tutor .greybox .greyboxtop{
    width:676px;
    height:20px;
    background-image:url("/pub/images/greyboxtop2.jpg");
    background-position:top left;
    background-repeat:no-repeat;
    float:left;
}

#wrapper-customclasses .greybox .greyboxmid, #wrapper-tutor .greybox .greyboxmid{
    width:676px;
    background-image:url("/pub/images/greyboxmiddle2.jpg");
    background-position:top left;
    background-repeat:repeat-y;
    float:left;
}


#wrapper-customclasses .greybox .greyboxbtm, #wrapper-tutor .greybox .greyboxbtm{
    width:676px;
	height:20px;
    background-image:url("/pub/images/greyboxbottom2.jpg");
    background-position:top left;
    background-repeat:no-repeat;
    float:left;
}


#wrapper-customclasses .ContactFieldset, #wrapper-tutor .ContactFieldset{
	padding:0 0 0 4px;
	width:635px;
	border:1px solid #cccccc;
}



#student_navigation{
	padding:0 0 0 15px;
}

.student-left-col
{
	padding:0 0 0 15px;
	width:175px;
	overflow:hidden;

}
.student-left-col  #student_navigation
{
	padding:0 0 0 0;
}

/* next-class */
.next-class
{
}
.next-class-hdr
{
	width:100%;
	border-bottom:1px solid #ccc;
	padding:0 0 5px 0;
	margin:0 0 2px 0;
}

.next-class .cur-date
{
	font-size:20px;
	color:#598a19;
	width:100%;
	text-align:center;	
	padding:12px 0 0 0;
	font-weight:bold;
	font-family:arial;
	
}

.next-class a
{
	display:block;
}

.next-class .cur-date span
{
	color:#9a9a9a;
	font-size:13px;
	display:block;
	padding:0 0 5px 0;
}

.next-class .cur-date div.ic1
{
	height:35px;
	width:45%;
	float:left;
	text-align:right;
	padding:10px 7px 0 0;
}
.next-class .cur-date div.ic2
{
	height:50px;
	float:left;
	text-align:center;
}
.next-class .cur-date div.ic3
{
	height:35px;
	float:left;
	text-align:left;
	padding:10px 0 0 7px;
}

.next-class ul 
{
	margin:0 0 20px 0;
	padding:0 0 0 0;
	width:100%;
	border:1px solid #ccc;
	float:left;
}
.next-class ul li 
{
	margin:0 5px -1px 10px;
	padding:15px 0 10px 25px;
	list-style-type:none;
	float:left;
	border-bottom:1px dashed #ccc;
	width:93%;
}

.next-class ul li div.col1
{
	float:left;
	width:275px;
	font-weight:bold;
}
.next-class ul li div.col2
{
	float:left;
	width:325px;

}
.next-class ul li div.col3
{
	float:left;
	width:120px;	
}
.next-class ul li div.col4
{
	width:100%;
	float:left;	
}
.next-class ul li div.col4 span.holiday
{
	
	padding:0 0 0 10px;
}


/* start Current id */
#Current
{
	margin:5px 0 5px 0;
	border-top:15px solid #666;
	border-bottom:15px solid #666;
}

#Current #ContentID
{
	display:none;

}

#FormContainer #Current fieldset {
margin:5px 0 0 0;
min-height:36px;
padding:5px 0 5px 5px;
width:95%;
}
#FormContainer #Current table
{
	width:100%;
}

#Current th.GridHeader
{
	color:#fff;
	text-align:center;
}

#Current #SearchStudentOver
{
	width:725px;
	margin:5px 0 0 0;
	height:200px;
	overflow:auto;
	border:1px solid #999;
}
#Current .box .box-container 
{
	margin:10px 0 5px 0;
}

/* end current id */