.sectionName {
position: relative;
color: #FF644F;
font-size: 14px;
font-weight: bold;
text-align: left;
width: 700px;
}

.content {
 position: relative;
 width: 700px;
 height: 600px;
 /*border: 1px solid #000;*/
}

.addContent {
 position: relative;
 width: 700px;
 padding-left:5px;
 margin-top: 22px;
 margin-bottom: 22px;
 background-color: #FFFFFF;
 border: 1px solid;
}

.addContentGram {
 position: relative;
 width: 824px;
 padding-left:5px;
 margin-top: 22px;
 margin-bottom: 22px;
 /*background-color: #FF644F;*/
}

.medialib {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: bottom right;
}

.medialib h2 {
	height: 25px;
	font-size: 1.5em;
	/*border: 1px dashed #000;*/
}

.medialib a {
	color:blue;
}

.medialib ul {
	list-style-type: none;
	list-style-position: inside;
	height: 150px;
	border: 1px;
	background-color: transparent;
	border-style: solid;
	border-color: transparent;
}

.medialib li {
	list-style-type: none;
	list-style-position: outside;
	cursor: pointer;
	background-color: #CCFFA0;
	border: 1px;
	border-style: solid;
	border-color: #50851E;
	margin-top: 2px;
	height: 25px;
}

.medialib li a {
	color: #000;
	text-decoration: none;
	display: block;
	height: 100%;
	text-align: center;
	/*font-weight: bold;*/
	margin: 2px 0;
	height: 25px;
	line-height: 20px;
	width:200px;
}

.medialib li:hover {
	/*background-color: #58B944;*/
}

.medialib li a:hover {
	color: black;
}

.mediainfo {
	margin: 10px;
	margin-top: 0px;
	text-align: justify;
	/*height: 200px;*/
	width:500px;
}

.mediainfo h2{
	font-size: 2em;
}

.indicator {
	position: absolute;
	top: 2px;
	left: 5px;
	width: 31px;
	height: 31px;
	background-image: url(../images/ajax-loader.gif);
}

.ajax_display {
	float:left;
	width: 700px;
	height: 560px;
	margin-top: 35px; 
	margin-left: 2px;
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color:#B3D4EF;
	clear:both;
}

.navigation {
	position: absolute;
	top: 15px;
	bottom: 20px;	
	right: 2px;
	color: #000;
	font-size: 15px;
	height: 20px;
}

.navigation a{
	color: green;
	font-weight: bold;
	text-decoration: none;
}

.navigation a:hover{
	color: gold;
	text-decoration: underline;
}

.notificationArea {
	position: absolute;
	top: 5px;
	left: 2px;
	color: #000;
	font-size: 10px;
}

.filter {
	position: absolute;
	top: 10px;
	left: 5px;
}

.img_drag {
 width:160px; 
 height:180px;
 border: 1px dashed #fff;
 margin-left:3px;
 margin-top:2px;
 float:left;
}

.vid_drag{
 width:200px;
 height:220px;
 margin-left:3px;
 margin-top:30px;
 float:left;
 border: 1px dashed #fff;
}

.vid_drag a{
 color: blue;
}

.press_drag{
 height:50px;
 margin-left:10px;
 margin-top:10px;
 padding-left: 60px;
 float:left;
 border: 1px dashed #fff;
 background-image: url(../images/press-clipping.png);
 background-repeat: no-repeat;
 background-position: left center;
}

.voc_drag{
 width:745px;
 height:50px;
 margin-left:10px;
 margin-top:10px;
 padding-left: 60px;
 float:left;
 border: 1px dashed #fff;
 background-image: url(../images/vocabulary.png);
 background-repeat: no-repeat;
 background-position: left center;
}

.grammar_drag{
 width:745px;
 height:50px;
 margin-left:10px;
 margin-top:10px;
 padding-left: 60px;
 float:left;
 border: 1px dashed #fff;
 background-image: url(../images/grammar-rule.png);
 background-repeat: no-repeat;
 background-position: left center;
}

.press_drag a {
 font-size: 12px;
}
.addContentButton {
	position: absolute;
	top: 2px;
	right: 2px;
}

.content_room {
 position: relative;
 width: 700px;
 height: 600px;
}

.ajax_display_room {
	float:left;
	width: 700px;
	height: 560px;
	margin-top: 20px; //margin-top:40px;
	margin-left: 2px;
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color:#B3D4EF;
	clear:both;
	overflow: auto;
}

.text_area {
	height:500px;	//height:480px;
	overflow-x:hidden;
	overflow-y:auto; 
	padding:3px;	
}