/* ----- TextArea ----- */

div#textContainer
{
	background-color: #ffffff;
	height: 100%;
 	height: auto !important; /*To make sure the CSS works in IE6*/
 	min-height: 500px;
 	border-top: solid 10px #ffffff;
 	border-bottom: solid 10px #ffffff;
}

div#headlineContainer
{
	width: 600px;
	float: left;
	height: 58px;
	margin: 0px 10px 0px 10px;
 	border-bottom: dotted 1px #cccccc;
}

div#shareContainer
{
	width: 600px;
	float: left;
	height: 16px;
	margin: 0px 10px 10px 10px;
	padding: 5px 0px 5px 0px;
 	border-bottom: dotted 1px #cccccc;
}

.textThumbRight
{	
 	float: right;
 	width: 180px;
 	height: 100%;
 	height: auto !important; /*To make sure the CSS works in IE6*/
 	min-height: 10px;
	margin: 0px 0px 10px 10px;
 	border: solid 6px #cccccc;
}

/* ----- Comments ----- */

div#headlineComment
{
	width: 600px;
	float: left;
	height: 20px;
	margin: 0px 10px 10px 10px;
 	border-bottom: dotted 1px #cccccc;
}

/* ----- Grade ----- */

div#gradeCont
{
	float: left;
	width: 450px;
	height: 30px;
	margin: 10px 0px 10px 0px;
}

div#gradeInfoCont
{
	float: right;
	width: 140px;
	height: 30px;
	margin: 10px 0px 10px 0px;
}

/* ----- Text Index Page ----- */

.pageContainer
{
	float: left;
	width: 600px;
	height: 35px;
	margin: 10px 0px 10px 10px;
	padding: 5px 0px 5px 0px;
	border-top: solid 1px #143d55; /* Blå färg #143d55 eller #cccccc */
 	border-bottom: solid 1px #143d55;
}

/* List */

#textIndexList
{
	float: left;
 	list-style-type: none;
 	margin: 6px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
 	font-size: 12px;
}

#textIndexList li
{
	float: left;
	width: 600px;
	margin: 0px 0px 12px 10px;
 	padding: 0px 0px 2px 0px;
 	border-bottom: solid 1px #cccccc;
}

/* ----- Blog ----- */

div#blogHeadlineCont
{
	width: 600px;
	float: left;
	height: 40px;
	margin: 0px 10px 10px 10px;
 	border-bottom: dotted 1px #cccccc;
}