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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* *********** common stuff *************** */

body{
	background: #ede6e6 /* url('/resources/images/wordshop_side_label.png') center top no-repeat */;
	font-family: Arial, sans-serif;
}

/* many rules moved to common forum shared */


h1{
	font-size: 24px;
	color: #201f1f;
/* 	line-height: 25px; */
	line-height: 28px;
	font-weight: bold;
}

h1 img{
	margin-left: 5px;
	margin-right: 5px;
}

h1 a{
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
}
h1 a:link,h1 a:visited{
	color: #f04949;
}

h2{
	font-size: 18px;
	color: #201f1f;
	line-height: 25px;
	font-weight: bold;
	padding: 0px 50px;
	margin-top: 17px;
}

h2.outside{
	padding: 0px 50px 0px 0px;
}


*.paddedContentPart,
*.outsideContentPart,
*.extractedBlock,
*.paddedContentPartRightAligned{
	padding: 12px 50px 4px 50px;
	
	font-size: 14px;
	color: #201f1f;
	
	/* line-height: 119%; */
	/* line-height: 1.19; */
	line-height: 17px;
	/* line-height: 1.2em; */

}

*.outsideContentPart{
	padding: 12px 50px 4px 0px;
}


*.extractedBlock{
	font-family: Georgia, serif;
	padding: 12px 0px 6px 0px;
	font-size: 22px;
	color: #656565;
	line-height: 25px;
}



*.paddedContentPart a:link,
*.paddedContentPart a:visited,
*.paddedContentPartRightAligned a:link,
*.paddedContentPartRightAligned a:visited,
*.outsideContentPart a:link,
*.outsideContentPart a:visited,
*.extractedBlock a:link,
*.extractedBlock a:visited{
	/* color: deeppink; */
	color: #1fa3da;
}

*.paddedContentPart a:hover,
*.extractedBlock a:hover,
*.paddedContentPartRightAligned a:hover,
*.outsideContentPart a:hover{
	/* color: greenyellow; */
	color: #f04949;
}

*.paddedContentPart a.rightLink
{
    position:absolute;
    right:89px;
}

*.paddedContentPartRightAligned{
	text-align: right;
}
a.smallLink
{
    font-size:12px;
}


/* ********** courses list page *********** */

div.coursesList{
	padding-top: 10px;
	padding-bottom: 30px;
}

div.coursesListOneCourseBlock{
	
}

div.coursesListOneCourseBlock p.coursesListOneCourseTitle{
	font-size: 18px;
	line-height: 26px;
	font-weight: bold;
	padding: 0px 50px;
	
	position: relative;
}
div.coursesListOneCourseBlock p.coursesListOneCourseTitle span.newCourse{

    position:absolute;left:20px;
    width:30px;height:30px;
    background:url('/resources/images/new.png') no-repeat left top;
}

div.coursesListOneCourseBlock p.coursesListOneCourseTitle a:visited,
div.coursesListOneCourseBlock p.coursesListOneCourseTitle a:link{
	color: #201f1f;
	text-decoration: none;
	/* background: url('/resources/images/dash.png') left -31px repeat-x; */
	border-bottom: 1px dashed black;
}

div.coursesListOneCourseBlock p.coursesListOneCourseTitle a:hover{
	color: #f04949;
	border-bottom: 1px dashed #f04949;
	/* background-position: left -5px; */
}

div.coursesListOneCourseBlock div.collapsedBlock{
	margin-bottom: 20px; 

	
}

div.coursesListOneCourseBlock div.collapsedBlockWrp{
	/* margin-bottom: 20px; */
	overflow: hidden;
	height: 0px; 
}

div.coursesListOneCourseBlock div.collapsedBlock *.paddedContentPart{
	font-size: 12px;
	line-height: 15px;
}

div.courseSubMenu{
	width: 850px;
	padding-left: 50px;
	margin-top: 10px;
	background: #ede6e6 url('/resources/images/course_sub_menu.png');
	font-size: 12px;
	line-height: 15px;
	height: 35px;
	padding-top: 17px;
}

div.courseSubMenu a:link,
div.courseSubMenu a:visited{
	color: #F04949;
	
}
div.courseSubMenu a:hover{
	color: #009CDD;
}

/* ********* one course page ************** */

div#contentBlock.oneCoursePage div.courseSubMenu{
	/* border: 1px dashed red; */
	margin-top: 17px;
	margin-bottom: 4px;
	
}

/* ***********oneLecturePage **************** */

div#contentBlock.oneLecturePage h1,
div#contentBlock.oneWorkPage h1{
	width: 635px;
	float: left;
}

div#oneLecturePageTutorsList,
div#oneWorkPageStudentsList{
	padding-top: 8px;
	float: left;
	padding-left: 15px;
	font-size: 16px;
}

div#oneLecturePageTutorsList ul,
div#oneWorkPageStudentsList ul{
	line-height: 19px;
	padding-top: 2px;
}

div#oneLecturePageTutorsList ul a:link,
div#oneLecturePageTutorsList ul a:visited,
div#oneWorkPageStudentsList ul a:link,
div#oneWorkPageStudentsList ul a:visited{
	color: #009cdd;
}


/* work page special layout for long students authors list */
div#contentBlock.oneWorkPage div#oneWorkPageStudentsListWrkSpecLayout h1{
	float: none;
	width: auto;
}
div#oneWorkPageStudentsListWrkSpecLayout div#oneWorkPageStudentsList{
	float: none;
	padding-left: 0px;
	padding-top: 20px;
	padding-bottom: 10px;
}

div#oneWorkPageStudentsListWrkSpecLayout div#oneWorkPageStudentsList ul li{
	display: inline;
	
}

/* **** digestable common stuff *********** */

div.digestCol, div.digestCenterCol{
	width: 290px;
	float: left;
	/* background: greenyellow; */
}

div.digestCenterCol{
	margin: 0px 15px 0px 15px;
}

div.digestItem{
	/* background: url('/resources/images/digestTestBg.png'); */
	position: relative; /* for sticker block; */
}

div.digestItemPicOrQuoteCntnr{
	margin-bottom: 11px;
}

div.digestItem div.digestItemPicOrQuoteCntnr img{
	display: block;
	border: 1px solid #d1cbcb;
}

div.digestItem div.digestItemPicOrQuoteCntnr div.qoutationIllustration{
	background: white;
	position: relative; /* ie6 disappering background */
	border: 1px solid #d0caca;
	/* background: #ede6e6 url('/resources/images/debug_dg_4.png'); */
	font-family: Georgia, serif;
	font-size: 22px;
	line-height: 26px;
	padding: 7px 9px 11px 10px;
	color: #656565;
}

div.digestItem div.digestItemPicOrQuoteCntnr div.qoutationIllustration a:link,
div.digestItem div.digestItemPicOrQuoteCntnr div.qoutationIllustration a:visited{
	color: #656565;
	text-decoration: none;
}
/*
div.digestItem a{
	background: khaki;
}
*/
div.digestItem a.digestItemRubric:link,
div.digestItem a.digestItemRubric:visited,
div.digestItem a.digestItemTitle:link,
div.digestItem a.digestItemTitle:visited{
	font-size: 14px;
	text-decoration: none;
	color: #f04949;
	line-height: 15px;
}

div.digestItem a.digestItemRubric{
	font-weight: bold;
}

div.digestItem a.digestItemTitle{
	font-style: italic;
}

div.ie6StrangeBugFixWrapper{
	width: 287px;
}

div.digestItem img.digestItemTitleArrow{
	/* display: inline; */
	padding: 0px;
	margin: 0px;
	vertical-align:-3px;
}

p.digestItemText{
	margin-top: 7px;
	font-size: 12px;
	color: #161616;
	line-height: 14px;
}

p.digestItemText a:link,
p.digestItemText a:visited{
	color: #009cdd;
}

p.digestItemDate{
	font-size: 12px;
	color: #989898;
	font-style: italic;
	padding-top: 9px;
	padding-bottom: 28px;
}

div.digestItemSticker{
	width: 67px;
	height: 67px;
	background: url('/resources/images/sticker.png');
	position: absolute;
	top: -15px;
	left: -15px;
	
	display: none;
}

/* ** digestable lectures and may be others commons * */
div#filterBlock{
	width: 900px;
	background: white url('/resources/images/course_sub_menu.png');
	font-size: 12px;
	line-height: 15px;
	height: 51px;
	margin-bottom: 20px;
	position: relative;
}

div#filterControlsContainer{
	position: absolute;
	top: 14px;
	width: 500px;
	height: 50px;
	left: 206px;
}

p#filterLabel{
	position: absolute;
	top: 18px;
	width: 200px;
	text-align: right;
	
}

div#filterBlock select{
	margin: 0px;
	padding: 0px;
	display: block;
	height: 22px;
	width: 330px;
	position: absolute;
	top: 0px;
	padding-top: 2px;
}

div#filterBlock input{
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	display: block;
	height: 24px;
	width: 70px;
	position: absolute;
	left: 340px;
	top: 0px;
}

/* *********** illustrations common stuff * */

div#illustrationsBlock{
	/* background: red; */
	margin-top: 15px;	
}

div#illustrationContainer{
	float: left;
	background: #f9f2f2;
	width: 583px;
	margin-left: 50px;
	display: inline; /* ie6 double margin bug */
	text-align: center;
	border: 1px solid #cfcfcf;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#illustrationContainer img{
	/* border: 1px dashed black;*/
	border: 1px solid #dfdcdc;
	
	/* display: block; */
}


div#illustrationDescription{
	float: left;
	/* background: greenyellow;  */
	width: 200px;
	padding-right: 50px;
	padding-left: 15px;
}

div#illustrationsThumbsBlock{
	/* background: royalblue; */
	margin-left: 50px;
	/* height: 112px; */
}

div.illustrationsThumbContainerStd,
div.illustrationsThumbContainerActive{
	height: 80px;
	width: 80px;
	/* background: khaki; */
	float: left;
	padding-left: 5px;
	padding-top: 32px;
}
div.illustrationsThumbContainerActive{
	background: lime;
	background: #ede6e6 url('/resources/images/illustration_thumb_bg.png');
}

div.illustrationsThumbContainerActive img,
div.illustrationsThumbContainerStd img{
	border: 1px solid #e1dede;
	/* border: 1px dashed black; */
	cursor: pointer;
}

div#illustrationDescription img{
	cursor: pointer;
}

p#illustrationDescriptionContainer{
	/* background: yellow;*/
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-style: italic;
	color: #201f1f;
	line-height: 14px;
	width: 199px; /* ie6 */
	margin-top: 25px;
}
span#currentAndTotalInfoSpan{
	color: #201f1f;
	font-size: 24px;
	margin-left: 10px;
	margin-right: 10px;
}
/* ********* peoples lists **************** */

div#peoplesListFaces{
	/* background: green; */
	margin-top: 30px;
	/* TODO: try to recaclulate all (peoplesListFacesOnePersoneBlock, peoplesListFacesOnePersoneBlockTenth) */
	padding-left: 3px;  
}

div.peoplesListFacesOnePersoneBlock,
div.peoplesListFacesOnePersoneBlockTenth{
	/* background: khaki; */
	width: 85px;
	margin-right: 16px;

	height: 153px;
	float: left;
	display: inline; /* ie6 double margin bug */
}

div.peoplesListFacesOnePersoneBlockTenth{
	margin-right: 0px;
}

div.peoplesListFacesOnePersoneBlockTenth img,
div.peoplesListFacesOnePersoneBlock img{
	/* border: 1px dashed black; */
	/* background: deeppink; */
	height: 85px;
	width: 85px;
	display: block;
}

div#contentBlock.peoplesListFacesPage div#filterBlock{
	margin-top: 24px;
}

a.peoplesListFacesOnePersoneBlockName:link,
a.peoplesListFacesOnePersoneBlockName:visited{
	color: #009cdd;
	font-size: 12px;
	line-height: 14px;
	margin-top: 8px;
	display: block;
}

span#peoplesViewSwitcherSpan{
	position: absolute;
	width: 150px;
	right: 0px;
	top: 18px;
	font-size: 12px;
}

span#peoplesViewSwitcherSpan a:link,
span#peoplesViewSwitcherSpan a:visited{
	color: #f04949;
}

div#peoplesListNames{
	margin-top: 30px;
}

div#peoplesListNames div.peoplesListNamesCol,
div#peoplesListNames div.peoplesListNamesColFirst{
	/* border-left: 1px dashed blue;  */
	float: left;
	width: 180px;
	margin-left: 60px;
	/* background: #ede6e6 url('/resources/images/debug_dg_8.png'); */
}
div#peoplesListNames div.peoplesListNamesColFirst{
	margin-left: 0px;
}

div.peoplesListNamesCol div.peoplesListNamesColGroup,
div.peoplesListNamesColFirst div.peoplesListNamesColGroup{
	/* border-top: 1px solid red; */
	margin-bottom: 17px;
}

div.peoplesListNamesColGroup p.groupLetter{
	font-size: 24px;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 7px;
}

div.peoplesListNamesColGroup a:link,
div.peoplesListNamesColGroup a:visited{
	color: #009cdd;
	font-size: 12px;
	display: block;
	line-height:23px;
}



/* *** */

div#resPreload{
	background: red;
	height: 0px;
	overflow: hidden;
}

div#preload_menu_png{
	background:  url('/resources/images/peoples_sub_menu.png');
}


span.significant{
	font-weight: bold;
}

ul.simplePaddedList{
	padding-top: 10px;
	margin-left: 40px;
	list-style-type: disc;
	
}

ul.simplePaddedList li{
	padding: 3px 0px 3px 0px;
	
}

ul.onlyVertPaddedList{
	padding-top: 10px;
}

ul.onlyVertPaddedList li{
	padding: 4px 0px 4px 0px;
}

img.slightlyPaddedPic{
	margin-left: 5px;
	margin-top: 10px;
}

span.smallItalic{
	font-size: 12px;
	font-style: italic;
	line-height: 12px;
}

div.paddedCenterContainer{
	text-align: center;
	padding: 10px;
}

div.OnlyLeftPadder{
	padding-left: 40px;
}

table.contentTable{
	background: #faf3f3;
}

table.contentTable td{
	border: 1px solid #d0caca;
	padding: 4px 4px 4px 7px;
	font-size: 13px;
	
}

/* prevNextThingBlock */

div#prevNextThingBlock{
	font: bold 14px arial, sans-serif;
	color: #201f1f;
	margin-top: 20px;
}

div#prevNextThingBlock img{
	margin-bottom: 10px;
}

div#prevNextThingBlock a{
	color: #201f1f;
	text-decoration: none;
}

div#prevNextThingBlockLPart{
	width: 250px;
	float: left;
}

div#prevNextThingBlockRPart{
	width: 250px;
	float: right;
	text-align: right;
}

img#preloadMainMenuBg{
	position: absolute;
	left: 1px;
	top: 1px;
	display: block;
	height: 0px;
	width: 1px;
}

div#digestMoreRetreiver{
	text-align: left;
}

#digestMoreRetreiverLink{
	font-size: 14px;
	line-height: 30px;
        display:block;
        width:175px;height:36px;
        background:url('/resources/images/detailedButton.png') no-repeat left top;
        margin-left:350px;

}
.readyState{
	color: #009CDD;
	text-decoration: underline;
}
.busyState{
	color: gray;
	text-decoration: none;
}

div#notFoundApologize{
	margin-top: 30px;
	background: white;
	padding: 50px;
	color: gray;
}

p.backToCourse{
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Supreme */
div.supremeblock {
	margin-top: 10px;
	margin-bottom: -15px;
	padding: 20px;
	background: #ffffff;
	border: #ccd0d2 1px solid;
	font-size: 12px;
	color: #161616;
	line-height: 14px;
}

div.supremeblock h1 {
	margin-bottom:10px;
}

td.supremelinksh {
	font-size: 14px;
	text-decoration: none;
	line-height: 15px;
	font-weight:bold;
	padding:0 0 15px 0;
}

td.supremelinksh span {
	color: #f04949;
	font-weight:normal;
	font-style:italic;
}

td.supremelinks {
	vertical-align:top;
}
	
div.supremeblock table>td {
	font-size: 12px;
	color: #161616;
	line-height: 14px;
}

.supremelinks a:link, .supremelinks a:visited {
	color: #161616;
	clear:both;
}
.supremelinks a:hover {
	color: #f04949;
}

ul.supremeul {
	list-style-image:url("../images/supreme_list.gif");
	margin-left:20px;
	margin-right:40px;
	padding:0;
	width:245px;
}

ul.supremeul li {
	margin-bottom:5px;
}

.sw180 {
	width:180px !important;
}