#ui-datepicker-div{
	z-index:10;
}
@charset "utf-8";
*{
	margin:0;
	padding:0;
}

body  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*font: 12px "Trebuchet MS",Helvetica,Jamrul,sans-serif;*/ 
	background: #666666;
	text-align: center; 
	color: #000000;
	background:#000000 url(../images/background.jpg) fixed no-repeat center;
	height:100%;
}

a:link{
color:#FF6600;
text-decoration:none;
}
a:visited{
color:#FF6600;
text-decoration:none;
}
a:hover{
color:#1d426f;
text-decoration:none;
}
a:active{
color:#FF6600;
text-decoration:none;
}
h1{
font-size:20px;
color:#333;
border-bottom:1px dotted #ccc;
margin-bottom:20px;
}
h2{
font-size:18px!important;
color:#1d426f;
}
.thrColFixHdr #container {
	width: 959px;
	text-align: left;
	padding: 0px;
	margin-top: -12px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	z-index:1;
	position: relative;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000D1A;
	border-left-color: #000D1A;
	background-color:#FFFFFF;
} 

.thrColFixHdr #header { 
	background:url(../images/l2_logo.png) no-repeat 20px 30px;
	margin:0 auto;
	width:1000px;
	height:161px;
} 

.thrColFixHdr #header h1 {
	padding: 10px 0; 
	
}

.thrColFixHdr #sidebar1 {
	float: left;
	width: 150px; 
	background: #EBEBEB;
	padding: 15px 10px 15px 20px;
}

.thrColFixHdr #sidebar2 {
	float: right;
	width: 280px;
	padding: 10px 10px 10px 10px;
}

.thrColFixHdr #mainContent {
	margin: 0;
 	background:url(../images/bg.jpg); 
 	background-color:#FFFFFF;
 	float:left;
 	width:100%; 
} 

.thrColFixHdr #footer {
	color:#fff;
 	font-size:0.8em;
 	background:url(../images/footer.jpg) #012c57 repeat-x top;
 	height:221px;
 	float:left;
 	width:100%;
} 

.thrColFixHdr #footer p {
	padding: 10px 0;
}

.fltrt {
	float: right;
	margin-left: 8px;
}
/*NAV*/
#nav{
font:14px Arial, Helvetica, sans-serif;
}
#nav ul{
}
#nav ul li{
list-style:none;
border-bottom:1px solid #d2d2d2;
padding:5px 0;
}
#nav ul li:hover{
/*background:url(../images/li_bg.jpg) no-repeat 0 8px;*/
}
#nav ul li a{
display:block;
height:35px;
padding-left:50px;
text-decoration:none;
padding-top:20px;
color:#999;
font-weight:bold;

}
#nav ul li a:hover{
color:#ff6600;
}

#nav_home a{
background:url(../images/nav_home.png) no-repeat 10px;
}
#nav_summary_data a{
background:url(../images/nav_summary.png) no-repeat 10px;
}
#nav_ofsted a{
background:url(../images/nav_ofsted.png) no-repeat 10px;
}
#nav_l2_obs a{
background:url(../images/nav_l2.png) no-repeat 10px;
}
#nav_custom a{
background:url(../images/nav_custom.png) no-repeat 10px;
}
#nav_obs_me a{
background:url(../images/nav_obs_me.png) no-repeat 10px;
}
#nav_my_obs a{
background:url(../images/nav_my_obs.png) no-repeat 10px;
}
#nav_settings a{
background:url(../images/nav_settings.png) no-repeat 10px;
}
#nav_logout a{
background:url(../images/nav_logout.png) no-repeat 10px;
}
/* END NAV */

.fltlft {
	float: left;
	margin-right: 8px;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#left {
	width: 222px;
	float: left;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

#centerdiv {
	float: left;
	width: 757px;
	padding: 10px 20px;
	margin-top: 20px;
	border-left:1px dotted #004890;
	margin-bottom: 20px;
}

#bar1 {
	height: 36px;
	background-image: url(../images/banner.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 12px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 12px;
	font-size:1.75em;
	color:#FFFFFF;
	position:relative;
	z-index:2;
}

#footer #fleft {
	width: 40%;
	float: left;
	font-size: 11px;
	padding:10px;
	margin-top:40px;
}

#footer #fright {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	width: 47%;
	float: right;
	padding: 10px;
}

#main_image img {
	border: 5px solid #004890;
	margin-bottom: 10px;
}

#search_button {
	background-image:url(../images/search_button.jpg); background-repeat:no-repeat;
	width:95px;
	height:28px;
	float:right;
	padding-right:20px;
}

#save_button1 {
	background-image:url(../images/save_button.jpg); background-repeat:no-repeat;
	width:95px;
	height:28px;
	float:right;
	padding-right:20px;
}

 
#reset_button {
	background-image:url(../images/reset_button.jpg); background-repeat:no-repeat;
	width:95px;
	height:28px;
	float:right;
}

.inner_data {
 float:left;
 padding:10px 60px 10px 10px;
}

.main_header {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#ff9900;
	width:600px;
	/*float:left;*/
}

.sub_header_1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#000000;
	padding-top:10px;
	float:left;
	width:600px;
}

.profile_image {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#000000;
	padding-top:10px;
	float:left;
}

.title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	padding-top:20px;
}

.title_topic {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000000;
	float:left;
}

.title_deta {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding-left:5px;
	float:left;
}

#column_1 {
	width:auto;
	height:auto;
	padding:20px 20px 20px 20px;
	float:left;
}

#column_2 {
	width:auto;
	height:auto;
	padding:20px 20px 20px 20px;
	float:left;
}

#column_3 {
	width:auto;
	height:auto;
	padding:20px 20px 20px 20px;
	float:left;
}

.observation_title_header {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
	color:#ff9900;
	float:left;
	width:auto;
	height:auto;
}

.sub_title_1 {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding-top:20px;
	float:left;
	padding-right:20px;
}

.text_box {
	border:solid #fb9934 1px;
}

#hint {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fb9934;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	width:71%;
	height:auto;
}
  
#save_button {
	/*background-image:url(../images/save_return_button.jpg); background-repeat:no-repeat;*/
	background-image:url(../images/discuss_.jpg); background-repeat:no-repeat;
	width:95px;
	height:27px;
	float:right;
} 

#submit_button {
	background-image:url(../images/submit_btn.png); background-repeat:no-repeat;
	width:95px;
	height:27px;
	margin:20px 0 0 230px;
	float:left;
} 

#publish_button {
	background-image:url(../images/publish_.jpg); background-repeat:no-repeat;
	width:95px;
	height:27px;
	float:right;
	margin-right:10px;
} 

#tm_save_button {
	background-image:url(../images/save_obs.jpg); background-repeat:no-repeat;
	width:95px;
	height:27px;
	float:right;
	margin-right:10px;
}     
  
#T1_left {
	background-image:url(../images/teable_left.jpg); background-repeat:no-repeat;
	width:9px;
	height:25px;
}

#T1_right {
	background-image:url(../images/teable_right.jpg); background-repeat:no-repeat;
	width:9px;
	height:35px;
}

.td_1_colour {
	background-color:#1d426f;
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:15;*/
	color:#FFFFFF;
	font-weight:bold;
}

.td_bodder_colour {
	border-right:1px solid #557dae;
	font:Arial, Helvetica, sans-serif;
	font-size:12;
}

.td_bg_colour {
	background-color:#fff1e8;
}

.top {
	background-color: #004890;
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-bottom:10px;
}

#last_visit {
	margin: 10px 0;
}

#last_used{
	margin: 10px 0;
}

#last_used p, #last_visit p{
	padding-left:5px;
}

#menu_option ul li{
	list-style:none;
}

#menu_option ul li a{
	display:block;
	padding:3px 5px;
	border-bottom:1px dotted #b7cbde;
	color:#004890;
}

#menu_option ul li.cl a{
	display:block;
	padding:3px 5px;
	border-bottom:none;
	color:#fff;
}

#menu_option ul li a:hover{
	color:#FF3300;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	border-left:5px solid #004890;
	background:#DDEEFF;
}

.image {
	padding: 0px;
	margin: 3px;
}

.basic  {
	width: 260px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid black;
}

.basic div {
	background-color: #eee;
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
}

.basic a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	
	background-image: ;
}

.basic a:hover {
	background-color: white;
	background-image: url("file:///D|/concept247 projects/plan_esey_2/site/css/AccordionTab2.gif");
}

.basic a.selected {
	color: black;
	background-color: #80cfe2;
	background-image: url("file:///D|/concept247 projects/plan_esey_2/site/css/AccordionTab2.gif");
}

#fright h1 {
	font-size: 20px;
	color: #FFFFFF;
	font-weight: normal;
	margin-bottom:10px;
}

#fright li{
	font-size:11px;
	list-style-image:url(../images/arrow_white.png);
	margin-left:25px;
	line-height:normal;
}

#fright a:link,#fright a:visited,#fright a:active{
	color:#fff;
	text-decoration:none;
}
.chk{
	text-decoration:none;
	color:#000066;
}

.chk:visited{
	color:#000066;
}

#fright a:hover{
	text-decoration:underline;
}

#fright .right2 {
	float: left;
	width: 50%;
}

.cont li {
	list-style-image: url(../images/arrow_blue.png);
	margin-left:74px;
}

* html .boxhead h2 {height: 1%;} /* For IE 5 PC */


.top_bar{
	color:#fff;
	background: no-repeat top right;
	text-align:center;
	line-height:1em;
}

.right{
	background:  url(../images/head_l.png) no-repeat top left;
	line-height:1em;
	padding:10px 0;

}

.bottom {
	padding: 0px;
	margin-top: -11px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background:#fff;
	border:1px solid #004890;
	min-height:120px;
}

.box:hover{
	font-size:40px;
}

h3 {
	font-size: 26px;
	color:#002E5B;
	margin-bottom: 14px;
}

#centerdiv h1 {
	font-size: 30px;
	color: #002E5B;
}

.hr {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #004890;
	margin-top: 20px;
}

.hr hr{
	display:none;
}

.box li {
	margin-left: 20px;
}

.cl{
	background:) no-repeat;
}

#vertical_slide{
	margin-top:10px;
}

.bread{
	color:#666;
}

h3 .hovero{
	padding:10px;
	font-size:10px;
	color:#999999;
}

/*new css start here*/

#header_teacher_menu {
	background-image:url(../images/header_teacher_menu.jpg); background-repeat:no-repeat;
	width:100%;
	height:60px;
	float:left;	
}

.sub_theme {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	float:left;
	padding:10px 10px 10px 10px;
	color:#000033;
	width:98%;
}

.sub_theme_1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	float:left;	
	color:#003366;
	padding:10px 10px 10px 10px;
}

.sub_theme_2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	float:left;	
	color:#999999;
	padding:10px 10px 10px 10px;
	width:100%;			
}

#general_theme {
	width:100%;
	height:auto;
	float:left;
}


#text_box {
	width:100%;
	height:auto;
	float:left;
}

#text_box {
	float:left;
	width:auto;
	height:auto;
	padding:10px 10px 10px 10px;
}

#footer_innerpage {
	width:100%;
	height:auto;
	float:left;
}

.footer_line {
	background-image:url(../images/footer_line.jpg); background-repeat:repeat-x;
	width:57%;
	height:1px;
	float:left;
}

.footer_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#999999;
	float:left;
	width:100%;
	padding:5px 5px 5px 5px;
}

#header_student_menu {
	background-image:url(../images/header_student_menu.jpg); background-repeat:no-repeat;
	width:100%;
	height:60px;
	float:left;	
}

/*#body_text {
	float:left;
	width:71%;
	height:auto;
	margin-top:30px;
	padding-left: 10px;
	padding-right: 10px;
}*/

#module_box {
	float:left;
	width:100%;
	height:auto;
	padding:10px 10px 10px 10px;
	color:#000000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#button {
	width:100%;
	height:auto;
	float:left;
	padding: 10px 10px 10px 10px;
}

.next_button {
	float:left;
	background-image:url(../images/next_button.gif); background-repeat:no-repeat;
	width:35px;
	height:20px;
}

.back_button {
	float:left;
	background-image:url(../images/back_button.gif); background-repeat:no-repeat;
	width:35px;
	height:20px;
	padding-left:20px;
}

#header_scheme_of_learning {
	background-image:url(../images/header_scheme_of_learning.jpg); background-repeat:no-repeat;
	width:100%;
	height:60px;
	float:left;	
}

#course_box {
	float:left;
	width:100%;
	height:auto;
	padding:10px 10px 10px 10px;
	color:#000000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#header_cycle {
	background-image:url(../images/header_cycle.jpg); background-repeat:no-repeat;
	width:100%;
	height:60px;
	float:left;
}

#header_online_resouces {
	background-image:url(../images/header_online_resouces.jpg); background-repeat:no-repeat;
	width:100%;
	height:60px;
	float:left;
}

#cycle_box {
	float:left;
}

#key_box {
	float:left;
}

#header_cycle_information {
	background-image:url(../images/header_cycle_information.jpg); background-repeat:no-repeat;
	width:100%;
	height:60px;
	float:left;
}

#header_VAK {
	background-image:url(../images/header_VAK.jpg); background-repeat:no-repeat;
	width:100%;
	height:60px;
	float:left;
}

#VAK_box {
	color:#000000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
}

#vak_chart {
	background-image:url(../images/VAK_coverage_chart.jpg); background-repeat:no-repeat;
	width:772px;
	height:452px;
	float:left;
}

#header_learning_styles {
	background-image:url(../images/header_learning_styles.jpg); background-repeat:no-repeat;
	width:100%;
	height:60px;
	float:left;
}

.table_header {
    background-color:#000066;
    color:#FFFFFF;
}

#learning_styles_chart {
	background-image:url(../images/learning_styles_coverage_chart.jpg); background-repeat:no-repeat;
	width:764px;
	height:429px;
	float:left;
}

#header_assessment_methods {
	background-image:url(../images/header_assessment%20_methods.jpg); background-repeat:no-repeat;
	width:100%;
	height:60px;
	float:left;
}

#learning_styles_box,#assessment_box,#custom_box {
	float:left;
	width:100%;
}

#assessment_methods_chart {
	background-image:url(../images/assessment_methods_chart.jpg); background-repeat:no-repeat;
	width:761px;
	height:430px;
	float:left;
}

#header_Custom_Tracking {
	background-image:url(../images/header_Custom_Tracking.jpg); background-repeat:no-repeat;
	width:100%;
	height:60px;
	float:left;
}

#custom_box_2 {
	float:left;
}

#custom_tracking_chart {
	background-image:url(../images/custom_tracking_chart.jpg); background-repeat:no-repeat;
	width:797px;
	height:430px;
	float:left;
}

#header_evaluation_of_cycle {
	background-image:url(../images/header_evaluation_of_cycle.jpg); background-repeat:no-repeat;
	width:100%;
	height:60px;
	float:left;
}

/*.preferance_table {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	float:left;
	padding:10px 10px 10px 10px;
	color:#000033;
	width:100%;	
}*/

#evaluation_general {
	border:solid #999999 1px;
	/*float:left;*/
	width:50%;
	height:auto;
	padding:10px;
}

#evaluation_learning {
	border:solid #999999 1px;
	/*float:left;*/
	width:50%;
	height:auto;
	padding:10px;
}

#classroom_managment {
	border:solid #999999 1px;
	/*float:left;*/
	width:50%;
	height:auto;
	padding:10px;
}

#inform_future_lessons {
	border:solid #999999 1px;
	/*float:left;*/
	width:51.6%;
	height:auto;
}

.preferance_table {
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	padding:10px 10px 10px 10px;
	color:#000033;
	width:50%;}
	
.color_scheam {
	width:70%;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	
}	
.color_table,.td {
	width:40%;
	height:30%;
	margin-left:15px;
	/*border:solid #000000 1px;*/
}

.general {
	width:30%;
	border:solid #000000 1px;
	padding:20px;
	float:left;
}
.learning_outcomes {
	width:50%;
	float:left;
	border:solid #000000 1px;
	padding:20px;
}

.tracking_table {
	width:50%;
	margin-left:15px;
	float:left;
	/*text-align:center;*/
}

.trc_table, .td {
	width:40%;
	margin-left:15px;
	/*border:solid #000000 1px;*/
	font-weight:normal
}

.tracking{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	float:left;
	padding:10px 10px 10px 10px;
	color:#000033;
	width:98%;
	height:2%
}

#big_picture_box, #learning_outcomes_box, #whats_in_it, #successful_box, #traking_box {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	float:left;
	padding:10px 10px 10px 10px;
	color:#000033;
	width:100%;		
}

#header_customise_lesson_plans {
	background-image:url(../images/header_customise_lesson_plans.jpg); background-repeat:no-repeat;
	width:100%;
	height:60px;
	float:left;	
}

.text_area {
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	padding:10px 10px 10px 10px;
	float:left;
	width:100%;
	height:auto;
}

#customisable_box_2 {
	float:left;
}

#title_header {
	background-image:url(../images/header.jpg); background-repeat:no-repeat;
	width:100%;
	height:60px;
	float:left;
}

#header_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding-top:20px;
	padding-left:10px;
	color:#FFFFFF;
}

.fieldNameRow{
	width:515px;
	height:35px;
	margin-left:20px;
	text-align:left;
	
}

.fieldInput{
	width:50%;
	float:left;
	/*	border:solid #FFCC00;
	*/	
}

.text_input_login{

	background-image:url(../images/loign_text_box_user.png);
	background-repeat:no-repeat;
	width:169px;
	height:26px;
	padding-top:5px;
	padding-left:5px;
	padding-right:15px;
	width:164px;
	background-color:#f8f8f8;
}

#deta_box {
	padding-bottom:10px;
}

#outer_deta_box {
	float:left;
	width:600px;
	height:auto;
}

#outer_deta_box_middle {
padding:10px 10px 20px;
font-size:11px;
background:#f4f7fe;
margin-top:20px;
border:1px solid #E8EFFF;
height:auto;
float:left;
}

#inner_deta_box_middle {
	background-image:url(../images/ofsted_pg_innerbox_middle.png);
	width:627px;
	height:auto;
	padding:10px;
	border:1px solid #e8efff;
	font-size:11px;
}

/* LOGIN BOX */
#login_left_side {
	float:left;
	width:440px;
	padding:40px 10px 10px 20px;
	background:#fff;
	height:400px;
}  

#login_right_side {
	float:right;
	background:url(../images/observe_image.jpg) no-repeat -30px 100px;
	width:420px;
	height:400px;
}  

#login_box{
float:left;
width:440px;
padding:10px;
font-size:13px;
background:#f4f7fe;
margin-top:20px;
border:1px solid #e8efff;
}
#login_box h2{
color:#1d426f;
background:url(../images/login_arrow.png) no-repeat;
padding-left:35px;
height:32px;
margin-bottom:0;
}
.login_label{
font:11px Arial, Helvetica, sans-serif;
display:block;
float:left;
width:150px;
margin:30px 10px 10px 0;
clear:left;
text-align:right;
}
.text_input_login{
height:26px;
padding-top:4px;
font-size:16px;
color:#666;
border:1px solid #e8efff;
margin-top:20px;
width:270px;
}
#button_holder{
margin-top:20px;
}
#login_button{
width:110px;
float:left;
margin-left:160px;
}
#forgotton_password{
text-align:right;
padding-right:3px;
font-size:11px;
width:150px;
float:right;
margin-top:6px;
}
/* End Login */

/*#welcome_text {
	float:left;
}

#welcome_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	float:left;
	color:#ff6600;
	width:106%;
	height:auto;
} */

/* SUMMARY DATA NEW BOX */
#summary_form{
background:url(../images/summary_form_bg.jpg) no-repeat top center;
width:420px;
padding:40px 20px 0 20px;
float:left;
}
#summary_right, #presets{
float:left;
width:185px;
padding:10px 10px 30px;
margin-left:10px;
font-size:13px;
background:#f4f7fe;
margin-top:10px;
border:1px solid #e8efff;
}
#summary_right p, #presets p{
color:#666;
margin:0;
padding-left:30px;
}
#summary_right h2{
color:#1d426f;
background:url(../images/arrow.png) no-repeat;
padding-left:30px;
height:32px;
margin-bottom:0;
}
#presets h2{
color:#1d426f;
background:url(../images/magnify.png) no-repeat;
padding-left:30px;
height:32px;
margin-bottom:10px;
}
#presets li{
list-style:url(../images/bullet.png);
margin-bottom:6px;
margin-left:30px;
}
label.sum_label{
font:11px Arial, Helvetica, sans-serif;
display:block;
float:left;
width:200px;
margin:4px 10px 10px 0;
clear:left;
text-align:right;
}
#buttons{
padding-left:168px;
}
.sum_options, .text_box{
margin-bottom:12px;
width:150px;
border:1px solid #e8efff;
font-size:11px;
height:20px;
}

/* END SD 
BEGIN NEW OFSTED OBSERVE*/
#general_info{
padding:10px 10px 20px;
font-size:11px;
background:#f4f7fe;
margin-top:20px;
border:1px solid #e8efff;
}
#general_left, #general_right{
float:left;
width:308px;
padding:10px 10px 0;
}
#general_info p{
color:#666;
margin:0;
padding-left:30px;
}
#general_info h2{
color:#1d426f;
background:url(../images/people.png) no-repeat;
padding-left:36px;
height:32px;
margin-bottom:0;
cursor:pointer;
}
#general_info label{
display:block;
width:130px;
float:left;
padding-top:3px;
margin-right:10px;
text-align:right;
}
#lesson_mgmt, #bottom_tbs, #teacher_comments{
padding:10px 10px 20px;
font-size:13px;
background:#f4f7fe;
margin-top:20px;
margin-bottom:20px;
border:1px solid #e8efff;
}
#lesson_mgmt h2{
color:#1d426f;
background:url(../images/tick.png) no-repeat;
padding-left:36px;
height:32px;
margin-bottom:0;
cursor:pointer;
}
#lesson_mgmt h3{
font-size:14px;
color:#666;
}
#lesson_mgmt label{
margin-left:10px;
font-size:11px;
}
#mgmt_left, #mgmt_right{
float:left;
width:248px;
padding:10px 40px 20px 40px;
}
#mgmt_right{
border-left:1px dotted #1d426f;
}
#general_left{
border-right:1px dotted #1d426f;
}
#bottom_tbs h2{
color:#1d426f;
background:url(../images/area.png) no-repeat;
padding-left:36px;
height:32px;
margin-bottom:0;
cursor:pointer;
}
#teacher_comments h2{
color:#1d426f;
background:url(../images/speech.png) no-repeat;
padding-left:36px;
height:32px;
margin-bottom:0;
cursor:pointer;
}
.bot_ta{
width:288px;
float:left;
padding:20px;
}
.bot_ta1{
width:278px;
float:left;
border-left:1px dotted #1d426f;
padding:20px 20px 20px 30px;

}
.bot_ta textarea, .bot_ta1 textarea{
border:1px solid #e8efff;
width:280px;
font:11px Arial, Helvetica, sans-serif;
}
.bot_ta label, .bot_ta1 label, #teacher_comments label{
font-size:11px;
margin-bottom:6px;
display:block;
}
.tc{
padding:20px 20px 0;
}
#teacher_comments textarea{
border:1px solid #e8efff;
width:618px;
font:11px Arial, Helvetica, sans-serif;
}
.sjump{
font-size:11px;
color:#999;
}

/* END OFSTED */
/* View obs */
.vo_p{
display:block;
margin-bottom:6px!important;
margin-left:8px!important;
color:#666;
}
.vo_titles{
font-weight:bold;
color:#1d426f;
}
#welcom_subtext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	float:left;
	color:#000000;
	width:457px;
	height:auto;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
}   


.fieldInput{
	width:60%;
	float:left;
	/*	border:solid #FFCC00;
	*/	
}

.fieldName{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:15%;
	float:left;
	color:#000000;
	padding-top:7px;
	/*	border:solid #00FF00;
	*/
	
}

.text_input_login{
	font:Arial, Helvetica, sans-serif;
	width:169px;
	height:26px;
	padding-top:5px;
	padding-left:5px;
	padding-right:15px;
	width:205px;
	background-color:#FFFFFF;
}
.inner_title_1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#1d426f;
	margin-bottom:10px;
	margin-right:20px;
	width:630px;
}

#inner_deta_box {
margin-bottom:10px;
}

#observation_view_box {
	float:left;
	width:auto;
	height:auto;
}

#observation_view_box_top {
	background-image:url(../images/observation_view_box_top.png); background-repeat:no-repeat;
	width:699px;
	height:9px;
	float:left;
}

#observation_view_box_middle {
	background-image:url(../images/observation_view_box_middle.png); background-repeat:repeat-y;
	width:699px;
	height:auto;
	float:left;
}

#observation_view_box_bottom {
	background-image:url(../images/observation_view_box_bottom.png); background-repeat:no-repeat;
	width:699px;
	height:9px;
	float:left;
}

#print_button {
	background-image:url(../images/print_button.jpg); background-repeat:no-repeat;
	width:61px;
	height:62px;
	float:left;
	margin-top:20px;
	margin-left:389px;
}

#return_button {
	background-image:url(../images/return_button.jpg); background-repeat:no-repeat;
	width:221px;
	height:61px;
	float:right;
}

#graph_box {
	width:auto;
	height:auto;
	padding-top:20px;
}

#graph_box_top {
	background-image:url(../images/graph_box_top.png); background-repeat:no-repeat;
	width:699px;
	height:8px;	
}

#graph_box_middle {
	background-image:url(../images/graph_box_middle.png); background-repeat:repeat-y;
	width:699px;
	height:365px;	
}

#graph_box_bottom {
	background-image:url(../images/graph_box_bottom.png); background-repeat:no-repeat;
	width:699px;
	height:8px;		
}

#graph_box_right {
	width:215px;
	float:right;
	margin-right:30px;
}

#graph_text {
	float:right;
	padding-top:20px;	
}

.graph_text_deta {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:14px;
	padding-right:10px;
}

.graph_text_result {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	padding-top:14px;
}

#result_box {
	padding-top:10px;
}

#my_observetion_teable {
	float:left;
	/*padding-top:20px;*/
	padding-bottom:20px;
}

#graph_deta_column {
	float:left;
	width:auto;
	height:auto;
}

#graph_result_column {
	float:left;
	width:auto;
	height:auto;
}

#text_2 {
	float:right;
	padding-top:20px;
}

#update_button {
	background-image:url(../images/update_button.png);background-repeat:no-repeat;
	width:222px;
	height:62px;
	float:left;
	margin-top:20px;
}

#content_top_left {
	background-image:url(../images/teable_left.jpg); background-repeat:no-repeat;
	width:9px;
	height:35px;
	float:left;	
}

#content_top_left_new {
	background-image:url(../images/table_new_left.jpg); background-repeat:no-repeat;
	width:9px;
	height:35px;
	float:left;
}

#content_top_right_new{
	background-image:url(../images/table_new_right.jpg); background-repeat:no-repeat;
	width:9px;
	height:35px;
	float:left;
}

#content_top_middle {
	background-image:url(../images/teable_middle.jpg); background-repeat:repeat-x;
	width:662px;
	height:35px;
	float:left;	 
}

#content_top_right{
	background-image:url(../images/teable_right.jpg); background-repeat:no-repeat;
	width:9px;
	height:35px;
	float:left;
}

.content_top_title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:11px;
}

#content_data_1 {
	width:680px;
	height:auto;
	float:left;
	background-color:#fff1e8;

}

.inner_data {
	float:left;
	padding:10px 60px 10px 10px;
}

#content_data_2 {
	width:560px;
	height:auto;
	float:left;
	background-color:#fff1e8;
	padding-right:60px;
	padding-left:60px;
}

#content_data_3 {
	width:680px;
	height:auto;
	float:left;
	background-color:#FFFFFF;
}

#content_data_4 {
	width:680px;
	height:auto;
	float:left;
	background-color:#fff1e8;
}

#content_data_5 {
	width:680px;
	height:auto;
	float:left;
	background-color:#fff1e8;
}
#sum{
width:680px;
float:left;
margin-top:20px;
padding:15px;
}
#content_box {
	height:auto;
	float:left;
}

.content_header {
	width:auto;
	height:auto;
	float:left;
}

.rating {
	font-size:14px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}

#create_new {
	background-image:url(../images/create_new.png); background-repeat:no-repeat;
	width:90px;
	height:22px;
}

#table_left {
	float:left;
	padding:15px 15px 15px 15px;
	width:100%;
}

#table_right {
	float:left;
	padding:15px 15px 15px 15px;
	width:100%;
}

#middle_line {
	float:left;
	background-image:url(../images/middle-line.jpg); background-repeat:repeat-y;
	height:242px;
	width:5px;
}

#graph_box_left {
 width:400px;
 height:300px;
 float:left;
 background-color:#FFFFFF;
 margin-left:5px;
}

#pdf_icon {
	background-image:url(../images/pdf_icon.jpg); background-repeat:no-repeat;
	height:41px;
	cursor:pointer;
	padding-left:40px;
	padding-top:12px;
	font-size:13px;
	font-weight:bold;
	color:#FF6600;
	
}
#pdf_icon:hover{
	color:#1d426f;
}

.note-slide-u {
	background-image:url(../images/note_down.jpg); background-repeat:no-repeat;
	width:57%;
	height:27px;
	float:right;
	cursor:pointer;

}
.oslide textarea{
margin-top:5px;
width:638px;
height:70px;
font-family:Arial, Helvetica, sans-serif;
}
.os_summary{
color:#666;
font-style:italic;
}

/*.btn-slide-area1:hover {
	background-image:url(../images/note_down.jpg); background-repeat:no-repeat;
	width:133px;
	height:37px;
}*/
.note-slide-d {
	background-image:url(../images/note_up.jpg); background-repeat:no-repeat;
	width:57%;
	height:27px;
	cursor:pointer;

}


/*#_l2area1{
	color:#FF0000;
}*/
#sub_left_content{
	width:436px;
	float:left;
	margin-top:20px;
}

#sub_right_content{
	width:169px;
	float:left;
	margin-left:10px;
}

.sub_title1{
	color:#FF9900;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-bottom:10px;
}

.trficlight_table tr th{
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-left:5px;
}

.trficlight_table tr .left{
	border-left:dotted 1px #FF9900;
}

.trficlight_table tr th{
	border-bottom:dotted 1px #FF9900;
}

.roundcont {
 width: 232px;
 background-color: #ff8015;
 color: #fff;
}

.roundcont p {
 margin: 0 10px;
}

.roundtop { 
 background: url(../images/quick_tip_TR.jpg) no-repeat top right; 
}

.roundbottom {
 background: url(../images/quick_tip_BR.jpg) no-repeat top right; 
}

img.corner {
   width: 9px;
   height: 9px;
   border: none;
   display: block !important;
}
/* Added on 19-10-2010 */

#home_top{
background-color:#F4F7FE ;
border:1px solid #E8EFFF;
font-size:11px;
margin-top:20px;
padding:10px 10px 20px;
width:658px;
}
#home_top h2{
color:#1d426f;
}
#t_image{
width:50px;
border:2px solid #1D426F;
float:left;
margin:0 10px 10px 0;
}
#home_names{
float:left;
width:580px;
}
.sch_name{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
margin-bottom:30px;
}
.intro_text{
font-size:13px;
}
#upcoming_obs, #past_obs{
float:left;
width:398px;
padding:10px;
margin-top:20px;

}
#o_calendar, #grades{
width:240px;
padding:4px;
float:left;
margin-top:20px;
}
#grades{
background-color:#F4F7FE;
border:1px solid #E8EFFF;
margin-top:20px;
}
.whatsthis{
width:80px;
font-size:11px;
float:left;
text-align:right;
margin-top:6px;
}
.whatsthis a:link, a:visited {
color: #FF6600;
text-decoration: none;
}
.whatsthis a:hover {
color: #1D426F;
text-decoration: none;
}
.header_2{
width:315px;
float:left;
}
#o_calendar h2{
color:#1d426f;
background:url(../images/cal_icon.png) no-repeat;
padding-left:35px;
height:32px;
margin-bottom:0;
}
#grades h2{
color:#1d426f;
background:url(../images/overall_icon.png) no-repeat;
padding-left:35px;
height:32px;
margin-bottom:0;
}
#past_obs h2{
color:#1d426f;
background:url(../images/past_icon.png) no-repeat;
padding-left:35px;
height:32px;
margin-bottom:0;
}
#past_obs h2{
color:#1d426f;
background:url(../images/past_icon.png) no-repeat;
padding-left:35px;
height:32px;
margin-bottom:0;
}
#upcoming_obs h2{
color:#1d426f;
background:url(../images/upcoming_icon.png) no-repeat;
padding-left:35px;
height:32px;
margin-bottom:0;
}
.hr hr{
display:none;
}
.hr{
margin:10px;
border-bottom:1px solid #e1e1e1;
}

#graph_1 {
	/*margin-top:50px;*/
	/*float:left;*/
	width:auto;
	margin-left:50px;
}

#graph_2 {
	/*margin-top:50px;*/
	/*float:left;*/
	width:auto;
	margin-left:50px;
}

#graph_tag_1{
	font-size:18px;
	font-weight:bold;
	color:#000000;
	/*border-bottom:1px dotted #ccc;*/
	margin-left:45px;
}


/*styles for diary*/
#sum{
width:680px;
float:left;
margin-top:20px;
padding:15px;
}
.menubox{
cursor:pointer;
padding:10px;
margin-left:10px;
font-size:13px;
background:#f4f7fe;
margin-top:10px;
border:1px solid #e8efff;
}
.menubox:hover{
background:#e8efff;
}
.inside{
float:left;
width:500px;
}
.inside h2{
color:#1d426f;
height:32px;
margin-bottom:0;
}
#s_strut{
background:url(../images/school_str.png) no-repeat;
}
.image_{
float:left;
width:120px;
height:120px;
margin-right:20px;
}
#p_set{
background:url(../images/page_settings.png) no-repeat;
}
#u_m{
background:url(../images/user_mgmt.png) no-repeat;
}
#c_o{
background:url(../images/settings_cobs.png) no-repeat;
}
#u_e{
background:url(../images/teacher_alloc.png) no-repeat;
}
#diary_{
background:url(../images/diary.png) no-repeat;
}
#custom_obs{
background:url(../images/settings_cobs.png) no-repeat;
}

#new_user_button {
	background-image:url(../images/new_user.jpg); background-repeat:no-repeat;
	width:122px;
	height:30px;
	float:left;
	margin-top:20px;
	padding-right:20px;
}

#CSV_uploads_button {
	background-image:url(../images/CSV_upload_button.jpg); background-repeat:no-repeat;
	width:122px;
	height:30px;
	float:left;
	margin-top:20px;
}

#csv_upload_box_right {
	background-image:url(../images/csv_upload_box_right.jpg); background-repeat:no-repeat;
	width:7px;
	height:97px;
	float:left;
}

#user_save_button {
	background-image:url(../images/save_button.jpg); background-repeat:no-repeat;
	width:122px;
	height:30px;
	float:left;
	padding-right:20px;
	cursor:pointer;
}

#user_save_button2 {
	background-image:url(../images/save_button.jpg); background-repeat:no-repeat;
	width:122px;
	height:30px;
	float:left;
	padding-right:20px;
	cursor:pointer;
}

#user_reset_button {
	background-image:url(../images/reset_button.jpg); background-repeat:no-repeat;
	width:122px;
	height:30px;
	float:left;
}

#submit_button_old {
	background-image:url(../images/submit_button.png); background-repeat:no-repeat;
	width:122px;
	height:30px;
	float:left;
	margin-left:211px;
}

.back_button {
	background-image:url(../images/back_button.jpg); background-repeat:no-repeat;
	width:95px;
	height:27px;
	float:left;
}

#title_3{
padding:10px 10px 20px;
font-size:11px;
background:#f4f7fe;
margin-top:20px;
border:1px solid #e8efff;
width:659px;
}

.heading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:5px;
	color:#1D426F;
}