/******************************************************

elnContent.css

Css values for unique content elements in the
ELN section of the Elinguanet website.


******************************************************/
	
/****  Global content Values  ************************/

.textBlock {
	width:700px;
	margin:0 25px 0 25px;
}

.imageRight {
	float:right;
	margin:5px 0 0px 10px;
	
}

.imageLeft {
	float:left;
	margin:5px 10px 0px 0;
	
}

.full_col{
	width:100%;
	clear:both;
	margin-bottom:10px;
}
.two_col_left{
    width:49.5%;
    float:left;
}
.two_col_right{
    width:49.5%;
    float:right;
}
.three_col_wrap{
	width:66.5%;
	float:right;
}
.three_col_right{
	width:49.99%;
	float:right;
}
.three_col_center{
	width:49.6%;
	float:left;
	margin-bottom:20px;
}

.italic {
	font-style:italic;
}

.boldItalic {
	font-style:italic;
	font-weight:bold;
}
.highlight {
	color:#f60;
	font-size:120%;
}

.lowlight {
	color:#465c71;
	font-size:120%;
	font-weight:bold;
}
.linkHeading a {
	padding:10px 0 0 0;
	font-family:"Times New Roman", Times, serif;
	color: #465c71;
	font-size:150%;
	font-weight:bold;
	text-decoration:none;
	display:block;
}

.linkHeading a:hover {
	text-decoration:underline;
}

.linkHeading img {
	margin:0 5px -5px 0;
}

.clearer {
	clear:both;
}

.leftClearer {
	clear:left;
}

.littleTextBox {
	background-color:#eef;
	border:solid 1px #f60;
	margin:15px 100px 0 100px;
	padding:10px;
	

}

.medTextBox {
	background-color:#eef;
	border:solid 1px #f60;
	margin:15px 50px 15px 50px;
	padding:10px;
}

.mediaTextBox {
	background-color:#eef;
	border:solid 1px #f60;
	margin:15px 50px 15px 50px;
	padding:10px;
	min-height:100px;
	
}


.imageTextBox {
	background-color:#eef;
	border:solid 1px #f60;
	margin:0 100px 0 100px;
	padding:10px;
	min-height:160px;

}

.fullTextBox {
	background-color:#eef;
	border:solid 1px #f60;
	margin:0 50px 0 50px;
	padding:10px;

}

table.schedule {
	border-collapse:collapse;
	border:1px solid black;
	background-color:white;
}
table.schedule caption {
	text-align:left;
	margin-bottom:8px;
	font-weight:bold;
}
table.schedule th,
table.schedule td {
	vertical-align:top;
	border-left:1px dotted black;
	padding:4px;
}
table.schedule tr td {
	border-top:1px solid black;
}
table.schedule tr.top th {
	border-bottom:2px solid black;
}

table.schedule th {
	background-color:#38638D;
	font-weight:bold;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:white;
}
table.schedule th {
	text-align:left;
}
table.schedule {
	width:100%;
}


/****  index.php  ************************************/

#hookBox1 {
	width:252px;
	background-image:url(../img/content/textBox1.gif);
	background-repeat:no-repeat;
	margin:-25px 0 0 0;
	float:left;
}

#hookBoxText1 {
	padding:0 20px 0 20px;
	color:#eef;
}

#hookBoxBottom1 {
	width:252px;
	height:18px;
	margin:0 0 0 0;
	background-image:url(../img/content/textBoxBottom1.gif);
	background-repeat:no-repeat;
}

#hookBox2 {
	width:249px;
	background-image:url(../img/content/textBox2.gif);
	background-repeat:no-repeat;
	float:left;
	margin:-25px 0 0 0;

}

#hookBoxText2 {
	padding:0 20px 0 20px;
	color:#CACAD9;
}

#hookBoxBottom2 {
	height:18px;
	background-image:url(../img/content/textBoxBottom2.gif);
	background-repeat:no-repeat;
}


#hookBox3 {
	
	width:249px;
	background-image:url(../img/content/textBox3.gif);
	background-repeat:no-repeat;
	float:left;
	margin:-25px 0 0 0;
}

#hookBoxText3 
	{
	padding:0 20px 0 20px;
	color:#A6A6B3;
}

#hookBoxBottom3 {
	height:18px;
	background-image:url(../img/content/textBoxBottom3.gif);
	background-repeat:no-repeat;
}


.hookBoxHeading {
	font-family:"Times New Roman", Times, serif;
	color:#fff;
	padding:10px 20px 0px 20px;
	font-size:150%;
	line-height:1%;
}

.hookBoxHeading a {
	text-decoration:none;
	color:#fff;
}

.hookBoxHeading img {
	margin:0 10px -5px 0;
}

#startpage img {
	height:250px;
	margin:0;
}

/****  about.php  ************************************/


#aboutImages {
	float:right;
	width:300px;
	margin:0 0 0 10px;
}

#aboutImages img {
	margin:0 0 30px 0;
}

/*******  contact.php  ********************************/

#map {
	width: 500px; 
	height: 300px
}

table.contact_form {
	width:auto;
	margin-bottom:20px;
}

table.contact_form td{
	width: 200px;
	text-align:right;
	vertical-align:top;
}

table.contact_form td.right_col{
	text-align:left;
}


/****  team.php  ************************************/

.teamTable {
	width: 650px;
	border-spacing: 20px;
}

.teamTable tr td{
	padding: 10px;
	border:1px solid #f60;
	vertical-align:top;
	margin-bottom: 20px;
}

.teamTablePhoto {
	float: right;
	margin: 10px;
}


#aboutLinks ul {
	width:100%;
	float:left;
	margin:0 0 15px 0;
	padding:15px 0px 0 0;
	list-style:none;
	border-bottom:1px solid #f60;
	font-family:"Times New Roman", Times, serif;
	font-size:125%;
	color: #465c71;
	
}

#aboutLinks li {
	float:left;
	margin:0;
	padding:0 0 0 0px;
	
}

#aboutLinks a {
	float:left;
	display:block;
	background-repeat: no-repeat;
	background-position: left top;
	padding:5px 10px 5px 27px;
	text-decoration:none;
	color:#465c71;
	  
}

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

.aboutLinksActive {
	background-image:url("../img/content/buttonDown.gif");
	font-weight:bold;
	margin:0;
	text-decoration:none;
	
}

.aboutLinksInactive {
	background-image:url("../img/content/button4.gif");
}

.aboutLinksBack {
	background-image:url("../img/content/buttonBack.gif");
}


/****  methodology.php  ************************************/





table.buttons td {
	border:1px solid #f60; 
}
table.buttons td.button, td.button1, td.button2, td.button3, td.button4, td.text{


}

table.buttons td.button {
	border-left:none;
}

table.buttons td.button1 {
}

table.buttons td.button2 {
	border-left:none;
}

table.buttons td.button3 {
	border-right:none;
}

table.buttons td.button4 {
	border-right:none;
}

table.buttons td.button a {
	display:block;
	padding:6px;
	height:106px;
	width:100px;
	text-decoration:none;
	font-size:100%;
	text-align:center;
	color:#FF6600;
}

table.buttons td.button1 a {
	display:block;
	padding:6px;
	height:30px;
	width:498px;
	text-decoration:none;
	font-size:150%;
	text-align:center;
	color:#465c71;
}

table.buttons td.button2 a {
	display:block;
	padding:15px 6px 0px 6px;
	height:30px;
	width:100px;
	text-decoration:none;
	font-size:100%;
	text-align:center;
	color:#465c71;
	border-left:none;
}

table.buttons td.button3 a {
	display:block;
	padding:6px;
	height:100px;
	width:100px;
	text-decoration:none;
	font-size:100%;
	text-align:center;
	color:#3399FF;
/*	height:42px;*/
}

table.buttons td.button4 a {
	display:block;
	padding:15px 6px 0px 6px;
	height:30px;
	width:100px;
	text-decoration:none;
	font-size:100%;
	text-align:center;
/*	color:#3399FF; */
	color:#465c71; 
}

table.buttons td.button a:hover {
	background-color:#FF6600;
	color:white;
}
table.buttons td.button1 a:hover {
	background-color:#555555;
	background-image:url(../images/backgrounds/topcenterbuttondown.gif);
	background-repeat:no-repeat; 
	color:white;
}
table.buttons td.button2 a:hover {
	background-color:#555555;
	background-image:url(../images/backgrounds/tlorangebutton.gif); 
	background-repeat:no-repeat;
	color:white;
}
table.buttons td.button3 a:hover {
	background-color:#3399FF;
	color:white;
}
table.buttons td.button4 a:hover {
	background-color:#555555; 
	background-image:url(../images/backgrounds/trbluebutton.gif); 
	background-repeat:no-repeat;

	color:white;
}

table.buttons td.text {
	width:500px;
	padding:5px;
	font-size:100%;
	text-align:left;
/*	width:360px;*/
}
table.buttons td.text div {
	position:absolute;
	width:495px;
	margin:-240px 0 0 0;
	padding:5px;
	visibility:hidden;
	font-size:90%;
	text-align:left;
	color:#465c71;
}

/****  questionnaire.php  ************************************/

#questionnaire ul{
	list-style:none;
}

.bullet {
	list-style:disc;
}

/****  exam/score.php  ************************************/
.correct {
	color:green;
}
.incorrect {
	color:red;
}

/****  toeic.php  ************************************/
.toeic {
	float:left;
	position:absolute;
	margin:5px 20px 0 450px;
}

.toeic a{
	text-decoration: none;
}

.attc {
	float:left;
	position:absolute;
	margin:-17px 20px 0 610px;
}

/****  /student/communication_styles.php  ************************************/
#communication_styles ul{
	list-style: none;
}

table.communication_layout {
	cell-padding: 10px;
	font-weight: bold;
}

table.communication_layout td.answer {
	line-style: no-wrap;
}

/****  /student/index.php  ************************************/

table.comparison {
	width: 80%;
	background-color: #ffffff;
	text-align: center;
	margin: 1em auto;
	border:1px solid black;
	border-collapse:collapse;
	/*
	margin-top: 20px;
	margin-bottom: 20px;
	*/
}

table.comparison th {
	border: 1px 1px 0px 1px;
	border:1px solid black;
	background-color: #eeeeee;
	font-weight: bold;
}

table.comparison td {
/*	width: 5px;*/
	width: 0.7%;
}

table.comparison tr {
	height: 10px;
}

table.comparison tr.legend {
	border: 1px solid black;
	background-color: #dddddd;
}

table.comparison td.check1 {
	background-color: #ff6600;
}

table.comparison td.check2 {
	background-color: #3399ff;
}

table.comparison td.check3 {
	background-color: #e5e5e5;
}

table.comparison td.empty {
	background-color: #ffffff;
}

/*******  staff profile, in team/<instructor name>/index.php  ********************************/

table.staff_profile {
	margin: 10px;
	width: 90%;
	
}

table.staff_profile td{
	vertical-align: top;
}

table.staff_profile td.photo{
	background-image: url(../img/template/staff_picture_shadow.jpg);
	background-position: -6px -6px;
	background-repeat: no-repeat; 
}

table.staff_profile td.label{
	color: #465c71;
	font-weight: bold;
	vertical-align: top;
	font-size: 15px;
	text-align: right;
}

.staff_photo {
	margin: 5px 10px;
	float: right;
}

.staff_label {
	margin: 10px 10px 2px 10px;
	color: #465c71;
	font-weight: bold;
}

.staff_content {
	margin-left: 20px;
}

.staff_title {
	margin: 0 10px 0 10px;
}

.staff_certified {
	margin-left: 20px;
	background-image: url(../img/content/Calendar_no_text_50.jpg);
	background-position: 6px 6px;
	background-repeat: no-repeat;
	
}

/* **************** styles concerning need profile building and displaying ******************* */

table.createNeedProfile {
	width: 95%;
	border-collapse: collapse;
}

table.createNeedProfile td.category{
	font-family:"Times New Roman", Times, serif;
	font-weight: bold;
	font-size:150%;
	color: #465c71;
}

table.createNeedProfile td.question{
	margin-left: 20px;
}

table.profileAnswers {
	/* width: 650px; */
	width: 95%;
	/* border: 1px solid black; */
	border-collapse: collapse;
	margin: 10px 0 20px 20px;
	background-color: #eef;
}

table.profileAnswers td{
	border-collapse: collapse;
}

table.profileAnswers td.interaction{
	width: 100px;
	text-align: center;
}

table.profileAnswers tr{
	margin: 10px 10px 5px 10px;
	padding: 10px 10px 5px 10px;
}

table.displayProfile {
	width: 95%;
	border-collapse: collapse;
	border:1px solid black;
	background-color:white;
	margin: 10px 10px 5px 10px;
}

table.displayProfile th{
	background-color:#38638D;
	font-weight:bold;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:white;
	border-bottom:2px solid black;
	border-left:1px dotted black;
}

table.displayProfile td.questionId{
	font-weight: bold;
}

table.displayProfile td.answer{
	font-style: italic;
}

table.displayProfile td{
	vertical-align: top;
	border-collapse: collapse;
	padding: 10px 10px 5px 10px;
	border-left:1px dotted black;
	border-bottom: 1px solid black;
}

/* **************** styles concerning the "Moodle Replacement", i.e. our own MyElinguanet ******************* */
table.sessionList {
	/* width: 800 px; */
	width: 90%;
	border-collapse: collapse;
	background-color:#eef;
	border:solid 1px #f60;
	margin: 40px 20px 0 20px;
}

table.sessionList td.date{
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
}

table.sessionList td.timeslot{
	font-size: 14px;
	font-style: italic;
	text-align: right;
	padding-right: 5px;
}

table.sessionList td.sessionNr{
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	border: 1px solid #f60;
	padding: 2px;
}

table.sessionList td.filesTitle{
	font-size: 14px;
	font-weight: bold;
	padding: 20px 0 0 20px;
}

#linkBoxNP {
	/* Box for newspaper links*/
	position: relative;
	left: 755px;
	top: 357px;
	width: 190px;
	margin-top: -300px;
	border: 1px solid #f60;
	background-color: white;
}

#linkBoxMA {
	/* Box for magazine links*/
	position: relative;
	left: 755px;
	top: 577px;
	width: 190px;
	margin-top: -200px;
	border: 1px solid #f60;
	background-color: white;
}

#linkBoxRS {
	/* Box for radio station links*/
	position: relative;
	left: 755px;
	top: 797px;
	width: 190px;
	margin-top: -200px;
	border: 1px solid #f60;
	background-color: white;
}

#linkBoxPH {
	/* Box for pronunciation help*/
	position: relative;
	left: 755px;
	top: 1147px;
	width: 190px;
	margin-top: -330px;
	border: 1px solid #f60;
	background-color: white;
}

#linkBoxSD {
	/* Box for the speaking dictionary*/
	position: relative;
	left: 755px;
	top: 1347px;
	width: 190px;
	margin-top: -180px;
	border: 1px solid #f60;
	background-color: white;
}

table.linkTable {
	width: 190px;
	text-decoration: none;
}

table.linkTable a{
	color: #f60;
	text-decoration: none;
}

table.linkTable a:hover{
	color: #47a;
	text-decoration: underline;
}

table.linkTable th{
	font-weight: bold;
	background-color: #465c71;
	color: white;
	text-align: center;
}

table.linkTable td.title{
	font-weight: bold;
	color: #465c71;
	text-align: center;
}

table.linkTable tr.title{
	font-weight: bold;
	background-color: #465c71;
	color: white;
	text-align: center;
}

#linkTitle {
	font-weight: bold;
	color: black;
	text-align: left;
}