@charset "utf-8";
/* Reset */
body{margin:0;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote{margin:0;font-size:1em;}
ul,ol,dl,dt,dd{padding:0;margin:0;}
ul,ol{list-style:none;}
address,cite{font-style:normal;}
img{border:none;-ms-interpolation-mode:bicubic;}

td,th{vertical-align:top;}
caption,th{text-align:left;}

form{margin:0;}
fieldset{margin:0;padding:0;border:none;}
legend{margin:0;padding:0;color:#000;}
input,textarea,select{font:1em Arial,Helvetica,sans-serif;}
textarea{overflow:auto;}
input[type="text"]{margin:0;}

.estirar:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.estirar{display:inline-block;}
/*\*/
.estirar{display:block;}
* html .estirar{height:1px;}
/**/
.izq,.col-i{float:left;display:inline;}
.drcha,.col-d{float:right;display:inline;}
.table{display:table;height:1%;}

body { color:#444; background:#d6d6d4 url(../img/public/common/bg-body.jpg) repeat-x 0 0;  font:12px Arial, Helvetica, sans-serif; }
a:hover { text-decoration:underline !important; }

.btn { display:-moz-inline-box; display:inline-block; height:22px; border:0; color:#fff; background: url(../img/public/common/btn_shadow_white.gif) no-repeat right top; font:12px/22px Arial, Helvetica, sans-serif; padding:0 15px 6px 10px; text-transform:uppercase; text-decoration:none; }
.botonera { text-align:right; margin:15px 10px 0 0; }
.btn_submit { vertical-align:top; color:#fff; border:0; background:#4a9037 url(../img/public/common/btn_shadow_white.gif) no-repeat right top; margin-left:8px; font:12px Arial, Helvetica, sans-serif; padding:3px 10px 7px 5px; text-transform:uppercase; }
.btn_submit_comment { 
vertical-align:top; 
color:#fff; 
border:0; 
background:#4a9037 url(../img/public/common/btn_shadow_white.gif) no-repeat right top;
 margin-right:8px; 
text-decoration:none;
 margin-top:15px; 
  font:11px Arial, Helvetica, sans-serif; 
  padding:3px 10px 7px 5px; 
  text-transform:uppercase; 
  float:right; }



.more_info {background-color:#4a9037; cursor:pointer;}

p .highlight {background-color:#FF0;}


/* Tabs */
.tabs { margin-right:30px; margin-top:-35px; }
.tabs li { float:right; line-height:28px; padding-top:4px; width:103px; text-align:center; background:no-repeat 0 0; margin-left:3px; font-size:; text-transform:uppercase; color:#fff;  }
.tabs li.student {width:141px;}

.tabs a { color:#fff; text-decoration:none; }
.tabs li.marcado { background-position:-103px 0; }
.tabs li.marcado2 { background-position:-142px 0; }
.tabs li.marcado a, .tabs li.marcado2 a  { color:#444; }

/*  border:#000 1px solid; */
#main_container {width:962px;margin:0 auto;}

/* HEADER*/
#header_container { margin-bottom:10px; }
#header_container form input {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:15px;border:none; }

#header_container .logo { background:no-repeat 0 0; margin-left:15px; float:left; margin-top:16px; }
#header_container .logo a { display:block; text-indent:-999px; overflow:hidden; width:212px; height:159px; }
#header_container .claim { float:left; width:300px; margin-top:88px; font-size:12px; color:#666; line-height:12px; }

/* Login */
#header_container .login { float:right; display:inline; background: no-repeat 0 0; width:260px; margin:26px 5px 0 0; padding:20px 0 0 33px; }
#header_container .login input { width:133px; margin-bottom:10px;margin-right:7px; padding:0px;float:left;height:22px; }
#header_container .login input.submit_btn { color:#fff; background: no-repeat right top; width:63px; font-size:12px; height:25px; padding:0 5px 4px 0; } 
#header_container .login a { clear:both; display:block; width:200px; font-weight:bold; font-size:16px; text-align:right; margin:0 60px; float:right; }

#header_container .logged { float:right; display:inline; width:260px; margin:76px 5px 0 0; padding:20px 20px 0 33px; text-align:right; }
#header_container .logged p { display:inline; font-size:14px; margin-right:3px; }


/* Buscador */
#header_container form.search { float:left; margin:22px 0 0 -12px; }

#text_video{ width:280px !important;}


/* #header_container div.search a { float:right; margin-top:20px; } */

#header_container div.link { float:right;}

#header_container div.link a {font-size:14px; font-weight:bold; }


#header_container form.search input.search { vertical-align:top; width:252px; margin-bottom:4px; margin-right:10px;}
#header_container form.search input.submit_btn { vertical-align:top; color:#fff; background:#4a9037 url(../img/public/common/btn_shadow.gif) no-repeat right top; width:73px; font:12px Arial, Helvetica, sans-serif; padding:3px 10px 6px 0;  }


.submit_btn { vertical-align:top; color:#fff; background:#4a9037 url(../img/public/common/btn_shadow.gif) no-repeat right top; width:73px; font:12px Arial, Helvetica, sans-serif; padding:3px 10px 6px 0;  }

/* Commons */

.video { float:left; display:inline; margin-right:15px; position:relative; }
.video img { display:block; }
.video .skin { display:block; position:absolute; width:100%; height:100%; left:0; top:0; background: no-repeat 0 0; text-indent:-999px; overflow:hidden; }
.video .skin2 { display:block; position:absolute; width:100%; height:100%; left:0; top:0; background: no-repeat 0 0; text-indent:-999px; overflow:hidden; }
.video .skin_new { display:block; position:absolute; width:100%; height:100%; left:0; top:0; background: no-repeat 0 0; text-indent:-999px; overflow:hidden; }
.video .length {float:left; display:inline;position:absolute; background-color:#000; width:40px; color:#fff;   right:5px; bottom:5px; text-align:center;}

.video_meta { display:table; height:1%; }
.video_meta h3 { font-size:14px; font-weight:bold; }
.video_meta h3 a { text-decoration:none; }
.video_meta p,
.video_meta div { margin:5px 0; }
.video_meta p.keywords {font-size:10px; color:#999;}




.video_list li { padding-bottom:15px; }
.video_list .video { height:84px; }

.video_horizontal_list { margin-left:-20px; }
.video_horizontal_list li {float:left; display:inline; width:214px; margin-left:20px; }
.video_horizontal_list .video { display:block; float:none; margin:0; height:120px; }
.video_horizontal_list .skin { background-image:; }
.video_horizontal_list .video_meta { display:block; height:auto; margin-top:15px; }

.video_horizontal_list_new { margin-left:-20px; }
.video_horizontal_list_new li {float:left; display:inline; width:448px; margin-left:20px; }
.video_horizontal_list_new .video { display:block; float:none; margin:0; height:120px; }
.video_horizontal_list_new .skin_new { background-image:; }
.video_horizontal_list_new .video_meta { display:block; height:auto; margin-top:15px; }

.video_horizontal_list_one { margin-left:-20px; }
.video_horizontal_list_one li {float:left; display:inline; width:910px; margin-left:20px; margin-right:20px; }




.paginator { margin:15px 0 10px; text-align:right; }
.paginator * { vertical-align:top; }
.paginator .btn { margin:0 10px; }
.paginator .pag { color:#fff; text-decoration:none; display:-moz-inline-box; display:inline-block; height:22px; font:12px/22px Arial, Helvetica, sans-serif; padding:0 8px; }
.paginator .marcado { background:#d7d8d5; color:#444; }


/* home top */
.home_top { background: no-repeat 0 0; height:313px; }
.home_top h2 { color:#4a9037; font:35px Georgia, "Times new roman", times, serif; margin-top:10px; }

.home_top .how_works { float:left; display:inline; width:503px; padding:0 19px; }
.home_top .how_works .video { margin-top:5px; }
.home_top .how_works p { display:table; height:1%; font:15px Georgia, "Times New Roman", Times, serif; color:#444; }

.home_top .new_videos { float:right; display:inline; width:381px; padding:0 19px; }
.home_top .new_videos h2 { color:#fff; }
.home_top .new_videos .video_meta h3,
.home_top .new_videos .video_meta h3 a { color:#fff; }

/* GADGET*/
.gadget {  background:#fff url(../img/public/gadgets/header-green.jpg) no-repeat 0 0; padding:0 20px 0 25px; }
.gadget h2 { color:#fff; font:30px Georgia, "Times New Roman", Times, serif; padding:32px 0 0 7px; margin-bottom:20px; }
.gadget .grade4Advice{ font:18�4px arial, "Times New Roman", Times, serif; color:#ff2222;padding:10px;}
.gadget div.video_container {width:214px;float:left; margin-right:20px;}
.gadget div.video_container div.video { width:214px; height:120px; float:left;  }
.gadget div.video_container div.skin { width:214px; height:120px; float:left; margin-top:-120px; margin-left:0px; margin-bottom:5px;}
.gadget div.video_container div.skin2 { width:214px; height:120px; float:left; margin-top:-120px; margin-left:0px; margin-bottom:5px;}
.gadget div.video_container div.skin_new { width:214px; height:120px; float:left; margin-top:-120px; margin-left:0px; margin-bottom:5px;}
.gadget div.video_container div.title { width:214px;float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#4a9037;margin-top:5px;  }
.gadget div.video_container div.desc {float:left;width:214px; margin-top:5px; color:#333;}
.gadget div.video_container div.rating {float:left; width:214px;  color:#333;}
.gadget div.video_container div.rating img {  }
.gadget div.video_container div.grades {float:left; width:214px;  }
.gadget div.video_container div.grades img {  }
.gadget div.footer { background:url(../img/public/common/footer-gadget.gif) no-repeat; height:35px;width:962px; margin-left:-25px;  }

/*FOOTER*/
#footer_container { padding:25px 0 0 72px; background: url(../img/public/common/footer.gif) no-repeat; height:67px; margin-bottom:20px; color:#666; }


/* VIDEO TEMPLATE */







#video_template { 

	background-color:#659a30; 
	background-image:url(../img/public/video_template/video_template_green.jpg); 
	background-position:bottom left;
	background-repeat:no-repeat;
	margin-bottom:15px; 
	min-height:600px; 
	color:#444;}


#video_template_inner { background-image: url(../img/public/video_template/video_template_top_green.jpg); background: no-repeat 0 0; padding:18px 16px 150px 19px;}
#video_player { background-image:url(../img/public/video_template/video_player_green.gif); }
#video_player_footer { background-image:url(../img/public/video_template/video_player_footer_green.gif); }

#video_player .comment { border-top:1px solid #ddd; font-size:11px; color:#999; margin:0px; padding:5px;}
#video_player .comment span {color:#4a9037;}

#video_player .comment_error { border-top:1px solid #ce843d; font-size:11px; color:#ce843d; margin:0px; padding:5px;}
#video_player .comment_error span {color:#ed9d08;}




#video_player .length{color:#666; font-size:11px; float:right; padding-top:4px;}

#video_player { float:left; display:inline; width:515px; padding:17px 19px 10px; background:#fff no-repeat 0 0;  }
#video_player_footer { height:15px; position:relative; margin:0 -19px; top:25px; width:; }

#video_player h2 { font:25px Georgia, Times new roman, times, serif; letter-spacing:-0.05em; color:#4a9037; }
#video_player .rating { font-size:14px; margin:5px 0; }
#video_player p {font-size:16px; margin:20px 0 40px; }
#video_player p.aditional_info{ font-size:11px ; color:#666; margin-bottom:-10px;margin-top:-5px;}

#video_player li {font-size:16px; margin:5px 0; }


#video_meta h3{ font:20px/0.90 Georgia, Times new roman, times, serif;   display:inline;}
#video_meta { float:right; display:inline; width:374px; }
#video_meta .meta_box { background:url(../img/public/video_template/video_meta_box.png) no-repeat left bottom; padding:0 0 23px 18px; }
#video_meta .meta_box .inner { padding:10px 16px 15px; background:#fff url(../img/public/video_template/video_meta_box_inner.png) no-repeat left bottom; }
#video_meta .meta_box .inner select{width:275px;margin-bottom:10px;margin-top:10px ; background-color:#659a30;color:#fff}
#video_meta a { color:#4c8834; font-weight:bold; }
#video_meta h2 { font:30px/0.90 Georgia, Times new roman, times, serif; background:url(../img/public/video_template/video_meta_h2.gif); color:#444; padding:0 0 0 5px; letter-spacing:-0.05em; margin-bottom:10px; }
#video_meta h2 span { font:bold 20px Arial, Helvetica, sans-serif; letter-spacing:0px; }
#video_meta h2 .g_k-4 { color:#ffb400; }
#video_meta h2 .g_5-7 { color:#8ec63f; }
#video_meta h2 .g_8-10 { color:#4275b9; }
#video_meta h2 .g_11-12 { color:#db0f0f; }
#video_meta p { margin:5px 0 5px 48px; font-size:14px; }
#video_meta p.info { margin:20px 15px; font-size:14px; }
#video_meta p.info { margin:20px 15px; font-size:14px; }
#video_meta ul { margin:5px 0 20px 48px; font-size:14px; }
#video_meta form { background-image:url(../img/public/video_template/video_meta_form_green.png); }
#video_meta form { background:#fff no-repeat 100% 0; margin:0 0 10px 18px; padding:8px 0 8px 10px; }
#video_meta form div { float:left; margin-right:10px; margin-top:20px;}
#video_meta form label { font-size:11px; display:block; margin-bottom:2px; }
#video_meta form select { width:160px; }
#video_meta form img { vertical-align:bottom; }
#video_meta form a { font-size:11px; color:#154c07; padding-left:5px; }
#video_meta form img {margin-bottom:-10px;}
#video_meta form a.howto { color:#154c07; padding-bottom:5px; font-size:16px; font-weight:normal; }


/* Teacher's registration */
#teacher_registration { background:url('../img/public/teacher_registration/green.jpg') no-repeat 0 0; height:549px; margin-bottom:20px; padding:80px 140px 0;}
#teacher_registration h2 { font:25px Georgia, Times new roman, serif; letter-spacing:-0.05em; color:#4a9037; margin-bottom:25px; }
#teacher_registration form { margin:0 auto; }

#teacher_registration fieldset { padding:0 100px; }
#teacher_registration legend { display:none; }
#teacher_registration label { color:#333; font-size:13px; display:block; }
#teacher_registration li { float:left; display:inline; width:217px; margin:0 15px 10px 0; }

#teacher_registration .alerts { display: inline; color:#990000; }


#teacher_registration .text { width:207px; font:12px 'Lucida Grande', 'Lucida sans unicode', Arial, Helvetica, sans-serif; }
#teacher_registration select.text { width:212px; }
#teacher_registration .botonera { text-align:right; padding:10px 130px; }
#teacher_registration .btn_submit { width:83px; background-image:url(../img/public/common/btn_shadow_f5.gif); }


/* Login */
#login { background:url('../img/public/login/green.jpg') no-repeat 0 0; height:527px; margin-bottom:20px; padding:100px 160px 0; }
#login .err { background:url('../img/public/common/ico-error.png') no-repeat 15px 0; border-bottom:1px solid #ddd; padding:0 0 23px 40px; text-align:center; margin-bottom:30px; }
#login .err h2 { color:#c40000; font-size:25px; margin-bottom:5px; font-weight:normal; letter-spacing:-0.05em; }
#login .err p { color:#444; font-size:16px; }
#login form { background:url('../img/public/login/fnd_form.jpg') no-repeat center top; width:300px; padding:20px 30px 10px 42px; margin:0 auto; }
#login form p { margin-bottom:10px; color:#333; }
#login .text { vertical-align:top; width:210px; font:12px 'Lucida Grande', 'Lucida sans unicode', Arial, Helvetica, sans-serif; }
#login .erroneus { color:#d03333; }
#login .btn_submit { width:65px; }
#login .login-form2 {width:200px;}


/* Playlists
*****************************/

.playlists { color:#444; }

.playlists .izq { width:590px; }
.playlists .izq table { width:100%; }
.playlists th { font-size:14px; text-transform:uppercase; letter-spacing:-0.05em; font-weight:normal; padding:5px 10px; }
.playlists th.name { width:170px; }
.playlists th span { display:none; }
.playlists td { padding:5px 10px; border-right:1px solid #fff; vertical-align:middle; }
.playlists .odd td { background:#f8f8f8;  }
.playlists .color { text-align:center; width:55px; }
.playlists .color img { border:3px solid #fff; }

.playlists .drcha { width:265px; background:url(../img/public/common/fnd-playlist-form.png) no-repeat left bottom; padding:0 15px 23px 33px; }
.playlists .drcha form { padding:10px 22px 25px; background:#fff url(../img/public/common/fnd-playlist-form.gif) repeat-x left bottom; }
.playlists h3 { font-weight:normal; font-size:14px; background:url(../img/public/video_template/video_meta_h2.gif); color:#444; padding:5px 15px; letter-spacing:-0.05em; margin-bottom:10px; text-transform:uppercase; }
.playlists fieldset { padding:0 0 0 25px; }
.playlists label { display:block; }
.playlists label.radio { display:inline; }
.playlists input.text { width:202px;margin:3px 0 8px; }
.playlists select.text { width:207px; margin:3px 0 8px; }
.playlists .btn_submit { width:135px; background-image:url(../img/public/common/btn_shadow_f5.gif); }

/* Class */
.playlist_class { color:#444; }
.playlist_class li { margin-top:30px; }
.playlist_class .rating, .playlist_class .grades { display:inline; }
.playlist_class .meta { margin:0; }
.playlist_class .video_utils { clear:both; margin-top:10px; background:#eee; padding:5px 15px; text-align:right; border-bottom:1px solid #e2e2e2; }
.playlist_class form {  }
.playlist_class form div { float:left; margin-right:20px; }
.playlist_class form label { font-size:11px; display:block; margin-bottom:2px; }
.playlist_class form select { width:150px; }
.playlist_class form img { vertical-align:bottom; }
.playlist_class form a { font-size:11px; color:#154c07; padding-left:5px; }


/* Notepad */
.notepad { margin-left:229px; color:#444; font-size:14px; }
.notepad .notepad_util { margin:10px 0; background:#eee; padding:7px 15px; border-bottom:1px solid #e2e2e2; }
.notepad .notepad_util label { padding-left:15px; vertical-align:middle; }
.notepad .notepad_util input { vertical-align:middle; }
.notepad textarea { width:685px; height:400px; }
.notepad .btn_submit { width:245px; }
.notepad .btn_delete { vertical-align:top; color:#fff; border:0; background:#717171 url(../img/public/common/btn_shadow_white.gif) no-repeat right top; margin-left:8px; width:75px; font:12px Arial, Helvetica, sans-serif; padding:3px 10px 7px 5px; text-transform:uppercase; }


/* Advanced search */
.advanced_search { color:#6b6d5e; padding:0 55px; }
.advanced_search label, .advanced_search .label {display:block; font-size:16px; }
.advanced_search small { font-size:12px; }
.advanced_search label.check {font-size:12px; display:inline; }
.advanced_search .search-text { float:left; display:inline; margin:14px 25px 0 0; }
.advanced_search .search-text .text{ width:300px; }
.advanced_search .search-in { float:left; }
.advanced_search .filter-by { margin-top:20px; }
/* .advanced_search #filter-by { display:none; }*/
.advanced_search #filter-by-inner { padding:20px 15px 15px 20px;border:1px solid #d5d6d4;  }
.advanced_search .keywords .text {width:295px;}
.advanced_search .border-select { padding:3px; border:1px solid #bbb; width:293px; }
.advanced_search .border-select select {border:0; width:293px;}
.advanced_search .border-select option { margin:0 0 4px; background:#f4f4f4; padding:2px 7px; }
.advanced_search .grades, .advanced_search .keywords, .advanced_search .related_topics, .advanced_search .grades2 { margin:15px 0; }

.advanced_search .grade { margin:15px 0 50px; display:none; }
.advanced_search .grade h3 { font-size:20px; margin:0 0 10px; font-weight:normal; color:#fff; background:#93938e; padding:7px 0 4px 13px; }
.advanced_search .grade .col { float:left; display:inline; width:240px; margin-left:10px; }
.advanced_search .grade h4 { font-size:14px; text-transform:uppercase; }
.advanced_search .btn_submit { width:75px; }

.advanced_search .keywords { float:left; margin:15px 25px 0 0; }
.advanced_search .keywords .text{ width:300px; }
.advanced_search .grades2 { float:left; }
.advanced_search .related-topics {float:left; margin-right:35px;}

.advanced_search .tables {	padding:20px;}
.advanced_search .tables table {width:100%;	margin-bottom:15px;}
.advanced_search .tables table .header {font-weight:bold;}
.advanced_search .tables table .even {background-color:#efefef;}
.advanced_search .tables h3  {background-color:#666;padding:4px;color:#FFF !important;}


/*  TEMPLATES EDITOR */

.paragraf p {color:#444; font-size:12px; font-family: Arial, Helvetica, sans-serif;}
.the_Links { color: #4a9037;}
.the_Links a:link { color: #4a9037;}
.the_Links a:hover { color: #4a9037; text-decoration: none;}
.the_Links a:visited { color: #4a9037;}
.the_Links a:active { color: #4a9037;}

.titles {color:#4a9037; font-family:Georgia, "Times New Roman", Times, serif; font-size:25px;}

.subtitles {color:#4a9037; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px;}

.paragraf_bold {color:#444; font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;}



/* Common */
a { color:#4a9037; }

.btn, .pag { background-color:#4a9037; }
.tabs li { background-image:url(../img/public/common/tabs-green.png); }
.tabs li.student { background-image:url(../img/public/common/tabs-green2.png); }


/* Header */
#header_container .logo { background-image:url(../img/public/logo/logo-green.png); }
#header_container .login { background-image:url(../img/public/common/login.jpg); }
#header_container .login input.submit_btn { background-color:#4a9037; background-image:url(../img/public/common/btn_shadow.gif); }


/* Videos */
.video_list .skin { background-image: url(../img/public/new_videos/player-green.png); }
.video_list .skin2 { background-image: url(../img/public/new_videos/player-gadget.png); }
.video_list .skin_new { background-image: url(../img/public/new_videos/player-green2.png); }

.video_horizontal_list .skin,
.playlist_class .skin { background-image:url(../img/public/gadgets/video-green.png); }


.video_horizontal_list .skin2,
.playlist_class .skin2 { background-image:url(../img/public/new_videos/player-4col.png); }


.notepad_util {padding-left:15px; margin-top:10px; padding-top:10px; padding-bottom:10px; margin-bottom:10px; background-color:#efefef; }


.video_horizontal_list_new .skin_new,
.playlist_class .skin_new { background-image:url(../img/public/new_videos/player-2col.png); }

.video_horizontal_list_one .skin_one,
.playlist_class .skin_new {  background-image:url(../img/public/new_videos/player-2col.png); }


.notepad_util {padding-left:15px; margin-top:10px; padding-top:10px; padding-bottom:10px; margin-bottom:10px; background-color:#efefef; }



/* Home */
.home_top { background-image:url(../img/public/principal/principal-green.jpg); }

/*AUTOCOMPLETE*/
.suggestionsBox {
		position: absolute;
		
		margin: 10px auto;
		width: 230px;
		background-color: #659a30;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #444;	
		color: #fff;
		z-index:2;
		
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		list-style:none;
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList li span.highlight {
		color:#ff0;
	}
	
	.suggestionList li:hover {
		background-color: #4a9037;
	}
	
	
.suggestionsBoxPartner {
		position: absolute;
		margin: 70px auto;
		width: 230px;
		background-color: #659a30;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #444;	
		color: #fff;
		z-index:3;
	}
	
	.suggestionListPartner {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionListPartner li {
		list-style:none;
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionListPartner li span.highlight {
		color:#ff0;
	}
	
	.suggestionListPartner li:hover {
		background-color: #4a9037;
	}	
	
#grade-warning{ background-image:url(../img/warning.png); background-repeat:no-repeat; display:none; width:250px; height:140px;	padding:5px 10px 0 20px ; position: absolute; top:100px; font-size:14px; z-index:24;	}
#grade-warning .oops{ font-size:18px; color:#900; font-weight:bold;clear:both; margin-top:40px; margin-bottom:10px;}
#grade-warning .close{ float:right; font-size:20px; font-weight:bold; text-decoration:none; width:30px; text-align:right;}
#grade-warning .close a{text-decoration:none; color:#222;}

#grade-warning2{ background-image:url(../img/warning.png); background-repeat:no-repeat; display:none; width:250px; height:140px;	padding:5px 10px 0 20px ; position: absolute; top:300px; font-size:14px; z-index:24; margin-left:300px;	}
#grade-warning2 .oops{ font-size:18px; color:#900; font-weight:bold;clear:both; margin-top:40px; margin-bottom:10px;}
#grade-warning2 .close{ float:right; font-size:20px; font-weight:bold; text-decoration:none; width:30px; text-align:right;}
#grade-warning2 .close a{text-decoration:none; color:#222;}


#info{ background-image:url(../img/warning2.png); background-repeat:no-repeat; display:none; width:250px; height:206px;	padding:5px 10px 0 20px ; position: absolute; top:620px; font-size:14px; z-index:24; margin-left:300px;	}
#info .oops{ font-size:18px; color:#900; font-weight:bold;clear:both; margin-top:40px; margin-bottom:10px;}
#info .close{ float:right; font-size:20px; font-weight:bold; text-decoration:none; width:30px; text-align:right;}
#info .close a{text-decoration:none; color:#222;}

#info2{ background-image:url(../img/warning2.png); background-repeat:no-repeat; display:none; width:250px; height:206px;	padding:5px 10px 0 20px ; position: absolute; top:920px; font-size:14px; z-index:24; margin-left:300px;	}
#info2 .oops{ font-size:18px; color:#900; font-weight:bold;clear:both; margin-top:40px; margin-bottom:10px;}
#info2 .close{ float:right; font-size:20px; font-weight:bold; text-decoration:none; width:30px; text-align:right;}
#info2 .close a{text-decoration:none; color:#222;}