/* Blue Application Skin

/* - - - - - - - - - - - - - - - - - - - - */

/*

	-> Default

	-> Typography

	-> Structure

*/



/* Default */

* {

	margin: 0;

	padding: 0;

}

body {

	background: url(../images/background.jpg) repeat-x top #e0dbcb;

	text-align: center;

	font-family: Tahoma, Arial, sans-serif;

	font-size: 12px;

}

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */

div.hide-me {

	display: none;

}

/* Typography */

p {

	padding-bottom: 10px;

	font-size: 11px;

	line-height: 1.6em;

	color: #575759;

	font-family: Verdana, Tahoma, Arial, sans-serif;

}



/* Sructure */

#wrapper {

	width: 881px;

	margin: 0 auto;

	text-align: left;

}

#header {

	padding-top: 10px;

}

	#header a.logo {

		color: #fff;

		font-weight: bold;

		padding: 17px;

		padding-top: 14px;

		display: block;

		float: left;

		font-size: 12px;

		text-decoration: none;

	

	}

	#header strong {

		float: right;

		padding: 10px;

		color: #fff;

		font-weight: normal;

	}

	#header strong a {

		color: #fff;

	}

#nav {

	list-style: none;

	clear: both;

}

#nav li {

	float: left;

	display: block;

}

	#nav li a {

		float: left;

		display: block;

		width: 105px;

		height: 32px;

		background: url(../images/nav.jpg) no-repeat;

		text-align: center;

		color: #fff;

		font-weight: bold;

		padding-top: 12px;

		margin: 0 2px;

		text-decoration: none;

	}

		#nav li a:hover {

			background: url(../images/nav-hover.jpg) no-repeat;

			color: #969384;

		}

#sub-nav {

	clear: both;

	padding: 10px;

	margin-bottom: 20px;

}

	#sub-nav ul {

		list-style: none;

	}

	#sub-nav ul li {

		float: left;

		display: block;

		padding: 0 10px;

		border-right: 1px solid #c6c0a9;

	}

	#sub-nav ul li a {

		float: left;

		display: block;

		padding-left: 20px;

		background: url(../images/sub-nav-arrow.jpg) no-repeat left;

		text-decoration: none;

		color: #827f6e;;

	}

#content-login {

	background: url(../images/content.jpg) repeat-x top #fff;

	clear: both;

	width: 100%;

	border-left: 1px solid #beb9a3;

	border-right: 1px solid #beb9a3;

}

#body-content {

	width: 850px;

	float: left;

	padding-top: 20px;

	padding-left: 10px;

}

	#welcome {

		width: 800px;

		height: 21px;

		background: url(../images/welcome.jpg) no-repeat;

		display: block;

		padding: 7px;

		padding-left: 30px;

		color: #6d6955;

		margin: 1px 20px;

		font-weight: bold;

	}

	#warning {

		width: 800px;

		height: 21px;

		background: url(../images/warning.jpg) no-repeat;

		display: block;

		padding: 7px;

		padding-left: 30px;

		color: #fff;

		margin:  1px 20px;

		font-weight: bold;

	}

	#success {

		width: 533px;

		height: 21px;

		background: url(../images/success.jpg) no-repeat;

		display: block;

		padding: 7px;

		font-weight: bold;

		padding-left: 30px;

		color: #2b6925;

		margin:  1px 20px;

	}

#table {

	padding: 5px;

	width: 830px;

}

	div.table-header {

		background: #82b0c2;

		padding: 5px;

		height:20px;

	}



	div.t-class {

		float: left;

		margin-left: 5px;

		font-weight: bold;

		font-size: 15px;

		color: #fff;

		padding-left: 10px;

		border-left: 1px solid #fff;

		width: 205px;

	}

	

	div.t-class1 {

		float: left;

		margin-left: 15px;

		font-weight: bold;

		font-size: 15px;

		color: #fff;

		padding-left: 10px;

		border-left: 1px solid #fff;

		width: 207px;

	}

	div.t-star {

		float: left;

		margin-left: 1px;

		font-weight: bold;

		font-size: 15px;

		color: #fff;

		padding-left: 5px;

		border-left: 1px solid #fff;

		width: 20px;

	}

	div.t-star1 {

		float: left;

		margin-left: 15px;

		font-weight: bold;

		font-size: 15px;

		color: #fff;

		padding-left: 5px;

		border-left: 1px solid #fff;

		width: 40px;

	}

	div.i-star {

		float: left;

		margin-left: 5px;

		font-size: 15px;

		color: #fff;

		padding: 5px;

		width: 20px;

		

	}

	div.t-student {

		float: left;

		margin-left: 30px;

		font-weight: bold;

		font-size: 15px;

		color: #fff;

		padding-left: 10px;

		border-left: 1px solid #fff;

		width: 115px;

	}

	div.t-student1 {

		float: left;

		margin-left: 20px;

		font-weight: bold;

		font-size: 15px;

		color: #fff;

		padding-left: 10px;

		border-left: 1px solid #fff;

		width: 125px;

	}

	div.t-date {

		float: left;

		margin-left: 20px;

		font-weight: bold;

		font-size: 15px;

		color: #fff;

		padding-left: 10px;

		border-left: 1px solid #fff;

		width:75px;

	}

	div.t-file {

			float: left;

			margin-left: 20px;

			font-weight: bold;

			font-size: 15px;

			color: #fff;

			padding-left: 10px;

			border-left: 1px solid #fff;

			width: 140px;

	}

div.t-project {

			float: left;

			margin-left: 20px;

			font-weight: bold;

			font-size: 15px;

			color: #fff;

			padding-left: 10px;

			border-left: 1px solid #fff;

			width: 105px;

	}

	div.item {

		width: 800px;

		display: block;

		padding: 10px 0;

		border-bottom: 1px dotted #d5d2d2;

	}

	div.item.blue {

		background: #ecf7fc;

	}

	div.checkbox {

		float: left;

		padding: 5px;

	}

	div.i-class {

		float: left;

		padding: 5px;

		width: 265px;

		color: #444;

	}

	div.i-class1 {

		float: left;

		margin-left:10px;

		padding: 5px;

		width: 230px;

		color: #444;

	}

div.i-login {

		float: left;

		margin-left:5px;

		padding: 5px;

		width: 120px;

		color: #444;

	}



	div.i-student {

		float: left;

		margin-left:1px;

		padding: 5px;

		font-weight: bold;

		width: 125px;

		color: #444;
	}

	div.i-student1 {

		float: left;

		margin-left:1px;

		padding: 5px;

		font-weight: bold;

		width: 145px;

		color: #444;

	}

	div.i-course {
		float: left;
		margin-left:1px;
		padding: 2px;
		width: 250px;
		color: #444;
	}

	div.i-date {

		float: left;

		padding: 5px;

		width: 100px;

		color: #444;

	}

	

	div.i-project {

			float: left;

			color: #444;

			padding: 5px;

			width: 120px;

	}

	div.i-file {

			float: left;

			padding: 5px;

			width: 150px;

			color: #444;

	}

div.i-feature {

			float: left;

			padding: 5px;

			width: 100px;

			color: #444;

	}

	div.i-broswe {

			float: left;

			padding:10px;

			font-weight: bold;

			width: 100px;

			color: #444;

	}

a.button {

	width: 70px;

	height: 16px;

	background: url(../images/button.jpg) no-repeat;

	display: block;

	padding: 5px;

	padding-left: 28px;

	font-size: 12px;

	color: #555;

	margin: 20px 0;

	margin-right: 20px;

	float: left;

	text-decoration: none;

}



a.button2 {

	width: 70px;

	height: 16px;

	background: url(../images/button.jpg) no-repeat;

	display: block;

	padding: 5px;

	padding-left: 28px;

	font-size: 12px;

	color: #555;

	margin: 7px 0;

	margin-right: 20px;

	float: left;

	text-decoration: none;

}



#sidebar {

	width: 280px;

	float: right;

	margin: 20px;

}
h15{margin: 0 auto;

		font-size: 15px;

		color: #555;

		padding: 9px;

		padding-left: 37px;}

	#sidebar h2.sidebar-header {

		width: 279px;

		height: 20px;

		background: url(../images/sidebar-header.jpg) no-repeat;

		display: block;

		margin: 0 auto;

		font-size: 15px;

		color: #555;

		padding: 9px;

		padding-left: 37px;

	 }

	 #sidebar div.sidebar {

	 	background: url(../images/sidebar-background.jpg) repeat-y;

	 	padding-top: 4px;

	 }

	 #sidebar div.sidebar ul {

	 	list-style: none;

	 }

	 #sidebar div.sidebar ul li {

	 	display: block;

	 }

	 #sidebar div.sidebar ul li a {

	 	display: block;

	 	background: url(../images/sidebar-nav-background.jpg) repeat-x top;

	 	margin: 0 4px;

	 	padding: 10px;

	 	padding-top: 7px;

	 	font-size: 12px;

	 	color: #1a5069;

	 	text-decoration: none;

	 }

	  #sidebar div.sidebar ul li a strong {

	 	font-weight: normal;

	 	background: url(../images/support.jpg) left no-repeat;

	 	padding-left: 20px;

 	 }

 	 #sidebar div.sidebar ul li a strong.rss {

	 	font-weight: normal;

	 	background: url(../images/rss.jpg) left no-repeat;

	 	padding-left: 20px;

 	 }

 	 #sidebar div.sidebar ul.inner-ul li a {

	 	display: block;

	 	background: url(../images/link.jpg) no-repeat left;

	 	margin: 0 4px;

	 	padding: 10px;

	 	padding-top: 8px;

	 	padding-left: 18px;

	 	font-size: 11px;

	 	margin-left: 14px;

	 	color: #666;

	 	text-decoration: none;

	 }

	 #sidebar div.sidebar-bottom {

	 	width: 280px;

	 	height: 12px;

	 	background: url(../images/sidebar-bottom.jpg) no-repeat;

	 	display: block;

	 	text-indent: -999999px;

	 	margin: 0 auto;

	 	clear: both;

	 }

#footer {

	width: 883px;

	height: 16px;

	background: url(../images/content-footer.jpg) no-repeat;

	display: block;

	text-indent: -999999px;

	margin: 0 auto;

	clear:both;

}

#footer-info {

	width: 700px;

	padding: 10px;

	display: block;

	margin: 0 auto;

}

form {

	padding: 10px;

	float: left;

	width: 100%;

	padding-top: 0;

}

form label {

	font-size: 16px;

	color: #666;

	padding: 10px 0;

	display: block;

}

/*form div {

	border: 1px solid #ccc;

	width: 482px;

}*/

/*form div input[type=text] {

	border: 3px solid #eee;

	padding: 3px;

	color: #666;

}

form div textarea {

	border: 3px solid #eee;

	width: 470px;

	height: 200px;

	padding: 3px;

	color: #666;

}*/

input[type=text] {

/*	border: 3px solid #eee;*/

	padding: 0px;

	color: #666;

	}

input[type=password] {

	/*border: 3px solid #eee;*/

	padding: 0px;

	color: #666;

	}	

	input[type=select] {

	border: 1px solid #eee;

	padding: 0px;

	color: #666;

	}	

#body-content h2 {

	padding: 10px 20px;

	color: #666;

}

#body-content p {

	padding: 10px 20px;

	color: #666;

}

#body-content p.bquote {

	padding: 10px 10px;

	color: #125a7c;

	background: #c6deea;

	border: 1px solid #6b9db5;

	margin-left: 20px;

}

#body-content p.alert {

	padding: 10px 10px;

	color: #ab1a0c;

	background: #f4c4bf;

	border: 1px solid #c55247;

	margin-left: 20px;

}

div.t-week {

			float: left;

			margin-left: 18px;

			font-weight: bold;

			font-size: 15px;

			color: #fff;

			padding-left: 5px;

			border-left: 1px solid #fff;

			width: 75px;

	}
	
	
div.i-week {

		float: left;

		margin-left:5px;

		padding: 5px;

		width: 75px;

		color: #444;

	}