h1 {
      font-size:16px;

}
.rectangle{
     width:400px;
     height:20px;
     color:white;
     background:green;
     border-left: 7px;
     font-size:12px;
     text-align: center;
}
.rectangleerror{
     width:400px;
     height:20px;
     color:white;
     background:#F08080;
     border-left: 7px;
     font-size:12px;
     text-align: center;
}

#tfheader{
background-color:#c3dfef;

}
#tfnewsearch{
float:right;
padding:20px;
}
.tftextinput{
margin: 0;
padding: 5px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
border:1px solid #0076a3; border-right:1px solid #0076a3;
border-top-left-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
}

.tfselect{
background-color: #dce9f9;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
background-image:-moz-linear-gradient(top, #ebf3fc, #dce9f9);
background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
background-image:  -o-linear-gradient(top, #ebf3fc, #dce9f9);
background-image: linear-gradient(top, #ebf3fc, #dce9f9);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;

text-shadow: 0 1px 0 rgba(255,255,255,.5);

}
.tfbutton{
        margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		color: #ffffff;
		border: solid 1px #0076a3; border-right:0px;
		background: #0095cd;
		background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
		background: -moz-linear-gradient(top,  #00adee,  #0078a5);
		border-top-right-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
}
.tfbutton:hover {
text-decoration: none;
background: #007ead;
background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
background: -moz-linear-gradient(top,  #0095cc,  #00678e);
}
/* Fixes submit button height problem in Firefox */
.tfbutton::-moz-focus-inner {
  border: 0;
}
.tfclear{
clear:both;
}
#table-gra {
width: 100%
border: 1px;
}
#table-gra tbody {
/* Kind of irrelevant unless your .css is alreadt doing something else */
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 13;
vertical-align: baseline;
background: transparent;
}
#table-gra thead {
text-align: left;
}
#table-gra thead th {
#background: -moz-linear-gradient(top, #F0F0F0 0, #DBDBDB 100%);
#background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0F0F0), color-stop(100%, #DBDBDB));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#DBDBDB', GradientType=0);
border: 2px solid;
color: #444;
font-size: 13px;
font-weight: bold;
padding: 3px 10px;
}
#table-gra tbody td{
border:1px solid;
}
#table-gra td {
padding: 3px 10px;
}
#table-gra tr:nth-child(even) {
background: #F2F2F2;
}
#table-gra td:hover {
        background-color: #fff;
}
#table-transcripts {
width: 100%;
border: 1px;
}
#table-transcripts tbody {
/* Kind of irrelevant unless your .css is alreadt doing something else */
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 13;
vertical-align: baseline;
background: transparent;
}
#table-transcripts thead {
text-align: left;
}
#table-transcripts thead th {
background: -moz-linear-gradient(top, #F0F0F0 0, #DBDBDB 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0F0F0), color-stop(100%, #DBDBDB));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#DBDBDB', GradientType=0);
border: 2px solid;
color: #444;
font-size: 13px;
font-weight: bold;
padding: 3px 10px;
}
#table-transcripts tbody td{
border:1px solid;
width:25%;
}

#table-transcripts td {
padding: 3px 10px;
}
#table-transcripts tr:nth-child(even) {
background: #F2F2F2;
}
#table-transcripts td:hover {
        background-color: #fff;
}
#print{
border-collapse: collapse;
border-collapse:separate;
empty-cells:show;
}
#print td{
  border:1px solid;
padding: 5px 10px;
}
#print th{
  border:1px solid;
  padding: 5px 10px;
}
 table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
}

.bordered {
    font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#c3dfef;
	margin:20px;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
.bordered a:link {
	color: blue;
	font-weight: bold;
	text-decoration:none;
}
.bordered a:visited {
	color: #bd5a35;
	font-weight:bold;
	text-decoration:none;
}
.bordered a:active,
.bordered a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
.bordered th {
	padding:21px 25px 22px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.bordered th:first-child{
	text-align: left;
	padding-left:20px;
}
.bordered tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.bordered tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.bordered tr{
	text-align: left;
	padding-left:20px;
}
.bordered tr td:first-child{
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
.bordered tr td {
	padding:18px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.bordered tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.bordered tr:last-child td{
	border-bottom:0;
}
.bordered tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.bordered tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.bordered tr:hover td{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
}
.tableprint{
width:auto;
border: 1px solid black;
background:#fff;   
}
.tableprint th {
border: 1px solid black;
overflow: hidden;
font-size:13px;
}
.tableprint td {
padding:5px;
margin:0;
border: 1px solid black;
font-size:12px;
}

table.sortable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
 
}
table.sortable thead tr th, table.sortable tfoot tr th {
	background-color:#f3f5f6;
	
	font-size: 9pt;
	padding: 4px;
	white-space: nowrap;
	
}
table.sortable thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.sortable tr:hover td {
		background-color:#f3f5f6;
}


table.sortable tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
	border: 1px solid #000;
	white-space: nowrap;
}
table.sortable tbody tr.odd td {
	background-color:#F0F0F6;
	border: 1px solid #000;
}
table.sortable thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.sortable thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.sortable thead tr .headerSortDown, table.sortable thead tr .headerSortUp {
background-color: #8dbdd8;
}