/*****************************************
*            BREADCRUMBS                 *
******************************************/

.style_breadcrumbs {
	position: relative;
	margin: -25px 0 15px -1px;
}

.style_breadcrumbs a {
	position: relative;
	text-decoration: none;
	font-size: 13px;
}

.style_breadcrumbs a:VISITED {color: #00ADEE;}


/*****************************************
*            MENU DASHBOARD              *
******************************************/

#content {margin-bottom: 50px; margin-top: 20px;}

#content h4,#content ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.style_dashboard {
	margin: 5px 0 0 0;	
	border-top: 2px solid #00ADEE;	
}

.style_dashboard a {color: #000000; float: left;}

img#profile-logo {
	margin: 0 auto;
	margin-top: 30px;
	max-width: 70%;
	max-height: 130px;
	display: block;
	
}

.photo_teacher {
	position: relative;
	float: left;
	width: 100px;
	height: 100px;
	border: 1px solid grey;
	background-color: #808080;	
	margin: 50px 60px;
	/* Border */
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.menu_dashboard {
	float: left;
	position: relative;
	width: 210px;	
	top: 20px;
	list-style-type: none;
	padding-left: 0px;	
}

.menu_dashboard.second {
	left: 265px;
	margin: 15px 80px 0 -210px;
}

.menu_dashboard.third {
	left: 500px;
	margin: 15px 0 0 -260px;
}

.row{
	position: relative;
	float: left;	
	background-color: #E6E6E6;
	background-position:top;
	text-align: left;
	line-height: 28px;
	/* Border */
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	margin-bottom: 10px;
	/* Shadow */
	-webkit-box-shadow:  1px 1px 1px 0px rgba(f, f, f, 0.1);
	box-shadow:  1px 1px 0px 0px rgba(f, f, f, 0.1);
}

.row.row1{	
	width: 31px;
	height: 31px;
}

.row.row1 .generalview {background: url('../../img/dashboards.png') 0px -144px no-repeat;}
.row.row1 .courses {background: url('../../img/dashboards.png') 0 -72px no-repeat;}
.row.row1 .teachers {background: url('../../img/dashboards.png') 0 -324px no-repeat;}
.row.row1 .notes {background: url('../../img/dashboards.png') 0 -216px no-repeat;}
.row.row1 .students {background: url('../../img/dashboards.png') 0 -252px no-repeat;}
.row.row1 .messages {background: url('../../img/dashboards.png') 0 -180px no-repeat;}
.row.row1 .edit {background: url('../../img/dashboards.png') 0 -108px no-repeat;}
.row.row1 .contact {background: url('../../img/dashboards.png') 0 -36px no-repeat;}
.row.row1 .support {background: url('../../img/dashboards.png')  0 -288px no-repeat;}
.row.row1 .benefits {background: url('../../img/dashboards.png')  0 0 no-repeat;}

.row.row2{
	padding-left: 15px;	
	width: 150px;
	height: 31px;
	margin-left: 5px;	
}

.row.row2:hover{
	background: #fcb03c; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcb03c 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcb03c), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcb03c 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcb03c 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcb03c 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcb03c 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb03c', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */		
}


.row.row2 a {text-decoration: none;}

.title{margin-bottom: 0px;}

/*****************************************
*             Student View               *
******************************************/

.style_dashboard.courses {padding-left: 30px;}

.style_dashboard.courses > li{
	margin: 10px 0 25px 0;	
	list-style: none;		
}

.sprite_course {	
	background: url('../../img/generalview.png') 0px -79px no-repeat;
	width: 21px; 
	height: 21px;
	float: left;
	margin-left: -30px;	
}

.sprite_marker {
	 background: url('../../img/generalview.png') 0 -210px no-repeat; 
	 width: 7px; 
	 height: 16px;
	 float: left;
	 margin: 3px 10px 0 -5px;	 
}

.sprite_gotolesson {
	background: url('../../img/generalview.png') 0 -184px no-repeat; 
	width: 21px; 
	height: 21px;
	float: right;
	position: relative;
	margin: -20px 0 0 340px;	
}

.sub_courses {
	padding-left: 15px;
	margin: -2px 0 15px 0;	
	list-style: none;
}

ul.style_dashboard.courses a{
	text-decoration: none;
}


ul.style_dashboard.courses a > *{
	float: left;
	position: relative;
}

ul.style_dashboard.courses a .sprite_gotolesson{
	margin-left: 15px;
	margin-top: 0;
}



ul.style_dashboard.courses li {
	min-height: 40px; 
}

.style_dashboard.notes {padding-left: 0px;}

.style_dashboard.notes div.sprite{
	margin-left: 0;
}

.style_dashboard.notes > li{
	margin-top: 10px;
	border-bottom: 1px solid #808080;
	list-style: none;	
}

.sub_notes {
	padding-left: 15px;
	text-align: right;
	margin: -2px 5px 5px 0;
	color: #B7B7B7;
	font-size: 12px;
	list-style: none;
}

.sprite_newstudent {	
	background: url('../../img/generalview.png') 0 -283px no-repeat; 
	width: 23px;
	height: 21px;
	float: left;
	margin: 3px 14px 18px 5px;		
}

.sprite_newmessage {
	background: url('../../img/generalview.png') 0 -231px no-repeat; 
	width: 26px;
	height: 21px;
	float: left;
	margin: 3px 11px 18px 5px;	
}

.sprite_newnote {	
	background: url('../../img/generalview.png') 0 -257px no-repeat; 
	width: 27px;
	height: 21px;
	float: left;
	margin: 3px 10px 18px 5px	
}

.style_dashboard.social {padding-left: 0px;}

.style_dashboard.social > li{
	margin-top: 10px;
	list-style: none;
}

.sub_social {
	padding-left: 40px;
	margin: 0 0 0 0;	
	list-style: none;
}

.sub_social > li {margin-top: 5px;}
.sub_social a {
	padding: 0 10px 0 0;	
	background-color: #A6D9FF;	
	text-decoration: none;
}

.sub_social a div{
	margin-right: 5px;
}

.sprite_social {	
	background: url('../../img/generalview.png') 0 -309px no-repeat; 
	width: 19px;
	height: 21px;
	float: left;
	margin: 0 10px 18px 0;	
}

.sprite_twitter {
	background: url('../../img/signup21_24.png') 0 -48px no-repeat;
	width: 21px;
	height: 21px;
	float: left;
	margin-top: 1px;
}

.sprite_facebook {
	background: url('../../img/signup21_24.png') 0 0 no-repeat;
	width: 21px;
	height: 21px;
	float: left;	
}

.sprite_linkedin {
	background: url('../../img/signup21_24.png') 0 -24px no-repeat;
	width: 21px;
	height: 21px;
	float: left;
	margin-top: 1px;
}

/*****************************************
*         Student MyCourses              *
******************************************/

.shelving_contain {
	margin-top: 5px;
	border-top: 2px solid #00ADEE;
	min-height: 700px;
}

.shelving-box{
	width: 100%;
	position: relative;
	float:left;
	height:200px;
	margin-top: 50px;
}

.shelving{
	position: absolute;
	top: 160px;
	left: 40px;
	z-index:0;
	width: 95%;
}

.book-box{
	width:130px;
	position: relative;
	float: left;
	top:40px;
	margin-bottom: 50px;
	margin-right: 170px;
	left: 10%;
	z-index:1;
}

.book-box:hover{cursor:pointer;}

.book-text{
	color: white;
	position: absolute;
	top: 25px;
	left: 30px;
	width: 110px;
	height: 130px;
	text-align: center;
}

.book-box .more-info{
	width: 100px;
	height: 24px;
	text-align:center;
	background-color: grey;
	color: white;
	position: absolute;
	right: -114px;
	top: 20px;
}

.book-box .plus{
	position: absolute;
	right: -25px;
	bottom: 0px;
}

.book-box .arrow-left {
	position: relative;
	top: -22px;
	left: 100px;
	width: 0; 
	height: 0; 
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;	
	border-left: 25px solid grey;
}

/*****************************************
*     Student MyTeachers-Simple          *
******************************************/

.contain_list_courses {margin-top: 5px;	min-height: 700px;}

.contain_list_teachers {margin-top: 5px; min-height: 500px;}

.contain_list_teachers a {font-size: 12px; color: #000000;}

.title_teachers {border-bottom: 2px solid #00ADEE;}

.title_bycourse {
	margin: 12px 15px 0 -20px;	
	border-bottom: 1px solid #CCCCCC;	
	padding-bottom: 5px;
}

.title_teacherlist {
	margin: 12px 0 0 0;	
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
}

input.search_course,
div.search_course input {
	border-radius: 10px;
	border: solid 1px #808080;
	outline: 0px;
	width: 95%;
	height: 18px;
	float: left;
	text-align: left;
	font-size: 90%;
	font-family: "basic";
	margin: 10px 0 0 -20px;
	padding: 0 5px 0 10px;	
}



.list_courses {padding-left: 0px; float: left;}

.list_courses > li {list-style: none; margin: 15px 0 20px 0;}

.list_courses a{
	text-decoration: none;
	color:  #222222;
}

.list_courses a:hover{
	color: #00ADEE;
}

.sprite_teachers {
	background: url('../../img/teachers.png') 0 -346px no-repeat; 
	width: 33px; 
	height: 22px;
	float: left;
	margin: 0 15px 0 -20px;	
}

.simpleview {
	width: 70px;
	float: right;
	margin: -28px 95px;
}

.detailedview {	
	width: 80px;
	float: right;
	margin: -28px -6px;
	position: relative;
}

.sprite_simpleview {
	background: url('../../img/courses.png') 0 -338px no-repeat; 
	width: 31px;
	height: 21px;
	float: right;
	margin: -29px 162px;	
}
.sprite_detailedview{
	background: url('../../img/courses.png') 0 -208px no-repeat; 
	width: 31px; 
	height: 21px;
	float: right;
	margin: -29px 69px;	
}

.list_simpleview {padding-left: 0px;}

.list_simpleview li {
	list-style: none;
	height: 40px;
	vertical-align: super;	
}

.li_red_simpleview {background-color: #FCC1A4;}

.li_white_simpleview {border: 1px solid grey;}
	
.photo {
	position: relative;
	float: left;
	width: 25px;
	height: 25px;
	border: 1px solid white;
	margin: 6px 6px;	
	background: transparent;
	/* Border */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.photo > img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.text_list_simpleview{
	width: 280px;
	padding-top: 8px;
	float: left;
}

.contact_teacher {
	width: 50px;
	float: right;
	margin: 11px -80px;
	text-decoration: none;
}

.profile_teacher {
	width: 70px;
	float: right;
	margin: 11px -220px 0 0;
	text-decoration: none;
}

.sprite_contact {
	background: url('../../img/teachers.png') 0 -54px no-repeat; 
	width: 33px; 
	height: 21px;
	float: right;
	margin: 10px 200px 0 0;	
}

.sprite_viewprofile {
	background: url('../../img/teachers.png') 0 -213px no-repeat; 
	width: 33px; 
	height: 22px;
	float: right;
	margin: 9px -145px 0 0;	
}

.pag {float: right;}
.pag a{ text-decoration: none; color: #222; font-size: 1em;}
.pag a:hover{ text-decoration: underline;}
/*****************************************
*     Student MyTeachers-Detailed        *
******************************************/

.option_myteachersdetailed {	
	list-style: none;	
	text-align: left;
	margin-top: 10px;
	position: relative;
	float: left;
	padding-left: 20px;
}

.option_myteachersdetailed div {
	background-color: #E6E6E6;
	width: 225px;
	height: 31px;
	margin-bottom: 10px;
	float: left;
	/* Border */
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.option_myteachersdetailed a {
	text-decoration: none;
	margin-left: 60px;
	vertical-align: sub;
	font-size: 14px;	
}

.cuadrorojodetallado {
	position: relative;
	margin: 10px 0 20px 0;
	background-color: #B0FFFF;
	float: left;
	width: 487px;
	/* Border */	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	min-height: 73px;	
}

.cuadrorojodetallado.orange{
	background-color: #FAECD4;
}

.cuadrorojodetallado li {list-style: none; margin: 0 0 8px 75px;}

.cuadrorojodetallado h4 {margin-bottom: -15px; padding-top: 0px;}

.show_hide {
	text-align: right;
	float: right;
	margin: 0 10px 10px 0;
	font-size: 11px;
}

.subcuadrorojodetallado {
	background-color: #FFEDDB;
	margin: -35px 0 10px 0;
	position: relative;
	float: left;
	width: 487px;
	opacity: 0.3;
	filter:opacity: 0.3;
	z-index: -1;
	/* Border */
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.photodetallado {
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	border: 1px solid white;
	margin: 15px 8px 0 15px;
	background: #FFFFFF;
	/* Border */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.sublista {
	text-align: left;
	list-style: none;
	margin: 40px 0 20px 0;	
}

.sublista li {margin: 5px 0 8px 75px;}

.sprite_course_grey {
	background: url('../../img/teachers.png') 0 -107px no-repeat; 
	width: 33px; 
	height: 22px;
	margin: 2px 0 0 -45px;
	float:left;
}

.option_myteachersdetailed .sprite_contact {
	background: url('../../img/teachers.png') 0 -54px no-repeat; 
	width: 33px; 
	height: 21px;
	margin: 5px -45px 0 10px;				
}

.option_myteachersdetailed .sprite_viewprofile{
	background: url('../../img/teachers.png') 0 -213px no-repeat; 
	width: 33px; 
	height: 22px;
	float: left;
	margin: 4px -40px 0 10px;
}

/*****************************************
*       Student ProfileTeacher           *
******************************************/

.gridcentrado{
	float: left;
	margin: 0 94px 0 94px;	
	position: relative;
	width:796px;
	min-height: 800px;
}

.gridcentrado h3 {
	float: left;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #B2B0B0;
	width: 796px;
	position: relative;
}

.fondo{
	width: 796px;
	float: left;
	position: relative;
	background: #000000;
	border: 1px solid white;
	min-height: 400px;	
	/* Border */
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}

.fondo.student {
	background: -moz-linear-gradient(center bottom , #FFFFFF 11%, #B0FFFF 83%, #B0FFFF 100%) repeat scroll 0 0 #000000;

}

img.profile_photo {
	position: relative;
	float: left;
	width: 50px;
	height: 50px;	
	margin: 15px 8px 0 25px;
	background-color: white;
	/* Border */
	border: 1px solid white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

h4:nth-child(2) {margin-bottom: 0px;}
.profile_about h4 {margin: 40px 0 -15px 85px;}

.fondo p {margin-top: 0px;}
.fondo a {color: #000000; text-decoration: none;}

.profile_contact{
	float: right;
	position: relative;
	margin: -55px 50px 0 0;
}

.profile_contact .spritecontact{
	background: url('../../img/teachers.png') 0 -54px no-repeat; 
	width: 33px; 
	height: 21px;
	float:left;
	position: relative;
	margin-right: 15px;	
}

.profile_text {
	background: #ffffff;
	float: left;
	position: relative;
	margin: 25px 50px 0 70px;
	padding: 8px;	
	border-radius: 10px;
	width: 570px;
	min-height: 60px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.profile_email, .profile_occupation {
	float: left;
	position: relative;
	width: 448px;
}

.profile_email {margin-top: 30px;}
.profile_email h4 {margin: 0 0 15px 100px;}
.profile_email a {margin-left: 130px;}

.sprite_email {
	background: url('../../img/students.png') 0 -104px no-repeat;	 
	width: 24px; 
	height: 21px;
	float: left;
	position: relative;
	margin: 0 10px 0 70px;
}

.profile_occupation {margin: 10px 0 30px 0;}
.profile_occupation h4 {margin: 0 0 15px 100px;}
.profile_occupation a {margin-left: 130px;}

.sprite_occupation {	
	background: url('../../img/students.png') 0 -156px no-repeat;	 
	width: 24px; 
	height: 21px;
	float: left;
	position: relative;
	margin: 0 10px 0 70px;
}

.profile_courses {
	float: right;
	position: relative;
	width: 348px;
	margin-top: 30px;	
}

.profile_courses h4 {margin-left: 40px;}
.profile_courses ul {padding-left: 10px; list-style: none;}
.profile_courses li {margin: 10px 0 0 50px;}

.sprite_courses{
	background: url('../../img/teachers.png') 0 -107px no-repeat;
	height: 22px;
	width: 33px;
	float: left;
	position: relative;
	margin-top: 22px;
}

.profile_social {
	float:left;
	position: relative;
	margin-top: 10px;
}

/*****************************************
*       Student PrivateMessage           *
******************************************/

.cabecera_list {
	margin-top: 50px;
	border-bottom: 1px solid #000000;
}

.cabecera_list a {color: black; text-decoration: none;}
.cabecera_list a:HOVER {cursor: pointer; color: gray;}
.cabecera_list p {margin-bottom: -24px;}

.enlace_message {text-align: right;	margin-bottom: 12px;}

.list_notes {
	list-style: none;
	margin-bottom: 30px;
	padding-left: 0px;	
	position: relative;
}

.list_notes a {color: black; text-decoration: none;}
.list_notes a:HOVER {cursor: pointer;}


.list_notes li {
	border-bottom: 1px solid #000000;
	position: relative;
	margin-bottom: 15px;
	float: left;
	width: 796px;
}

.sprite_read {
	background: url('../../img/notes.png') 0 -155px no-repeat; 
	width: 30px; 
	height: 26px;
	float: left;
	position: relative;
	margin-right: 5px;
}

.sprite_read_list {
	background: url('../../img/notes.png') 0 -155px no-repeat; 
	width: 30px; 
	height: 26px;
	float: left;
	position: relative;
	margin-left: 15px;
}

.sprite_unread {
	background: url('../../img/notes.png') 0 -248px no-repeat; 
	width: 30px; 
	height: 26px;
	float: left;
	position: relative;
	margin-left: 15px;
}
.sprite_unread p {
	color: white;
	margin: -2px 0 0 3px;		
	position: relative;
	font-size: 14px;
}

.description_message {
	position: relative;
	width: 250px;
	margin: -5px 0 20px 100px;
}

.description_message p {margin: 0 0 0 0; font-size: 18px;}

.info_message {
	position: relative;
	width: 200px;
	margin: -70px 0 0 450px;	
	float: rigth;		
}

.info_message .info1 {font-size: 14px; margin-bottom: 0px;}
.info_message .info2 {font-size: 14px; margin: 0 0 25px 0;}

.sprite_deletemessage {
	background: url('../../img/managecontent.png') 0 -26px no-repeat;
	width: 24px; 
	height: 21px;
	float: right;
	position: relative;
	margin: -72px 5px 0 0;
}