/* AW specific CSS for grades_s.html and grades_t.html */

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

#shell h1 { 
	font-size:18px; 
	padding-bottom:10px; 
	color: #23619c; 
}

#shell h1 a{
	margin-left:25px;
	color:#666;
}
#shell h1 a.managecontentfix{
	margin-left:0;
	margin-right:25px;
}

#shell h1 a:hover{
	color: #23619c; 
}
#shell h1 a.grades_settings{
	float:right;
	color:#02A0E1;
	font-size:12px;
	line-height:12px;
	padding-right:5px;
	padding-top:4px;
}

h2 { 
	font-size:16px; 
	padding:15px 0; 
	clear:both;
}

table { 
	width:100%; 
	margin-bottom:2em; 
	font-size:14px;
}

th{ 
	background: rgba(15,180,231,1);
	color:#fff;
	border-top:1px solid rgba(15,180,231,1);
	border-bottom:1px solid rgba(15,180,231,1);
	font-weight:bold;
	padding:8px 8px;
	text-align:left;
	font-size:14px;
}
th:last-child{
	text-align:right;
}
tr { 
	border-bottom:1px solid #dfdcce; 
}



td:last-child { 
	padding:4px 8px 4px 4px;
	text-align:right;
}

td, td:first-child { 
	padding:4px 8px 4px 35px;
	text-align:left;
}

tr:nth-child(even){
	background:rgba(237,235,225,0.4);
}
	
tr.file1, tr.grpEmlDel { 
	background:#EDEBE1; 
	text-transform:uppercase;
	border-bottom:1px solid #EDEBE1;
	border-top:2px solid #fff;
}

form tr.grpEmlDel a {
	color: #555555;
	font-weight: bold;
	text-transform:none;
}

tr.file1 td { 
	padding:4px 8px;
	font-weight:bold;
}

#content { 
	border-left:none;
	margin-left:0;
}
#managepanel_t_grades { 
	width:100%; 
}
#content_grades { 
	background:url('../img/grades_t.png') #fff no-repeat; width:100%; height:312px; position:relative;
}

.shell_button {
	font-size:12px;
	line-height:12px;
	font-weight:normal;
	color:#666;
	display:block;
	float:left;
	padding:4px 8px;
	margin:0 4px 10px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background: rgb(250,250,250);
	background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(202,202,202,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(100%,rgba(202,202,202,1)));
	background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(202,202,202,1) 100%);
	background: -o-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(202,202,202,1) 100%);
	background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(202,202,202,1) 100%);
	background: linear-gradient(top, rgba(250,250,250,1) 0%,rgba(202,202,202,1) 100%);
	border:1px solid #c6c6c6;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.35);
	cursor:default;
}

.shell_button:nth-of-type(1){
	margin-left:0;
}

.shell_button:hover {
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.65);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.65);
	border-color:#aaa;
}
.shell_button:active {
	-webkit-box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.9);
	-moz-box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.9);
	box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.9);
	border-color:#666;
}

.print_icon{
	padding-right:28px;
	font-size:14px;
	line-height:14px;
	background:url('../img/print_16.png') no-repeat center right, -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(202,202,202,1) 100%);
	background:url('../img/print_16.png') no-repeat center right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(100%,rgba(202,202,202,1)));
	background:url('../img/print_16.png') no-repeat center right, -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(202,202,202,1) 100%);
	background:url('../img/print_16.png') no-repeat center right, -o-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(202,202,202,1) 100%);
	background:url('../img/print_16.png') no-repeat center right, -ms-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(202,202,202,1) 100%);
	background:url('../img/print_16.png') no-repeat center right, linear-gradient(top, rgba(250,250,250,1) 0%,rgba(202,202,202,1) 100%);
}
.key_button{
	font-size:14px;
	line-height:14px;
	margin-bottom:20px;
}

.blue_button{
	color:#fff;
	border: solid 1px rgba(4,158,219,1);
	background: rgb(77,178,220);
	background: -moz-linear-gradient(top, rgba(77,178,220,1) 0%, rgba(4,158,219,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,178,220,1)), color-stop(100%,rgba(4,158,219,1)));
	background: -webkit-linear-gradient(top, rgba(77,178,220,1) 0%,rgba(4,158,219,1) 100%);
	background: -o-linear-gradient(top, rgba(77,178,220,1) 0%,rgba(4,158,219,1) 100%);
	background: -ms-linear-gradient(top, rgba(77,178,220,1) 0%,rgba(4,158,219,1) 100%);
	background: linear-gradient(top, rgba(77,178,220,1) 0%,rgba(4,158,219,1) 100%);
}

.blue_button:hover{
	border: solid 1px rgba(4,158,219,1);
}
.blue_button:active{
	border-color:#666;
}

form{
	clear:both;
	margin:10px 0;
}
label{
	font-size:12px;
}

input[type=text]{
	width:250px;
	margin-left:5px;
	margin-right:2px;
}

form a{
	font-size:12px;
	font-size:12px;
	line-height:12px;
	font-weight:normal;
	color:#666;
	cursor:default;
	color:#02A0E1;
	margin-left:5px;
}

/* absolutely positioned div for hover */
.triggerforgrid { 
	display:block; 
	position:absolute; 
	top:56px; 
	right:4px; 
	background:rgba(0,0,0,0); 
	width:194px; 
	height:25px;
	cursor:pointer; 
}

.grid { 
	position:absolute;
	background:url('../img/grades_grid_over.png') no-repeat; 
	width:261px;
	height:19px;
	top:81px;
	right:6px;
}


/* home link in menu bar */
.homelink a { display:block; width: 260px; height:60px; float:left; }



/* USED TO BE A SEPARATE FILE - contents.css but many styles will be shared by these screens*/
#shell.content_styles, #shell.content_manage{
	padding-left:0;
	padding-right:0;
	padding-top:0;
}

#managepanel_s { 
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:5px;
	background:#fff;
	border-bottom:1px solid #bebebe; 
}

.shell_button_text_icon {
	font-size:12px;
	font-size:12px;
	line-height:12px;
	font-weight:normal;
	color:#666;
	display:block;
	float:left;
	margin:10px 4px 10px 0;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	cursor:default;
	color:#02A0E1;
}
.bookmark_text_icon{
	background:url('../img/bookmark_24x16.png') no-repeat;
}
.ltv_text_icon{
	background:url('../img/ltv_24x16.png') no-repeat;
}

.text_icon_right{
	padding:5px 24px 5px 8px;
	background-position: center right;
}

.text_icon_left{
	padding:5px 8px 5px 24px;
	background-position: center left;
}


.shell_button_text_icon:hover {
	background-color:#eee;
}

.multiedit_text_icon{
	background:url('../img/multiEdit.png') no-repeat center left;
	padding-left:25px;
	margin-top:2px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	color:#333;
}
.multiedit_text_icon:hover {
	background-color:#fff;
}

/* teachers menu */

#managepanel_t_list { 
	background:url('../img/toc_t_up.png') #fff 10px no-repeat; width:100%; height:135px; border-bottom:1px solid #bebebe; position:relative;
}
/* absolutely positioned div for toc link */
#toclist a { display:block; position:absolute; top:5px; background:transparent; width:130px; height:35px; }
#toclist a:hover { }
#tocedit a { display:block; position:absolute; top:5px; background:transparent; width:140px; height:35px;left:150px; }
#tocedit a:hover { }
#course {
	background:#fff;
}
#sidebar, #sidebar_t { 
	/* sidebars stick bg image of menu in here */
	background:url('../img/toc_menu_t.png') no-repeat #fafafa; 
	height:547px;
	width:254px;
	float:left;
	position:relative;
}
#sidebar_t { 
	/* teachers sidebar - stick bg image of menu with edit pencil image here */
	background:url('../img/toc_menu_edit_t.png') no-repeat #fafafa;
}
.content_styles #content { 
	border-left:1px solid #bebebe;
	margin-left:254px;
}
/* absolute invisible div for mouseover link */
#ex4 a { 
	display:block; 
	position:absolute; 
	top:294px; 
	width:254px; 
	height:27px; 
	background:rgba(0,0,0,0); 
}
.content_manage #ex4 a { 
	width:32px; 
	right:35px; 
}

#ex4 a.ex4b{
	right:0px;
}

#ex4 a:hover { }
/* home link in menu bar */
.homelink a { display:block; width: 260px; height:60px; float:left; }