*{
    font-family: arial, san-serif;
    font-size: 9pt;
}
a{
    color: #968641;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
body{
    background-color: white;
}
img{
    border: none;
}
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
li{
    margin-left: 20px;
}
td{
    vertical-align: top;
}
.instruction, .instruction b{
    font-size: 14pt;
    color: #6C6B5B;
}
.error{
    color: red;
}
.info{
    color: green;
}
.selected{
    background-color: #E4E2C6;
}
.admin-menu-selected a{
    color: black;
}
.admin-menu-deepestselected a{
    background-color: #E4E2C6;
    color: black;
}
.emphasis{
    font-weight: bold;
}
.left-arrow{
    vertical-align: middle;
    padding-right: 10px;
}
.section-header{
    font-weight: bold;
}
.topic-list-item a{
    vertical-align: middle;
}
.topic-link{
    font-weight: normal;
    color: #968641;
}
.subject-link{
    font-weight: bold;
}
.course-link{
    padding-left: 20px;
    text-indent: -5px;
}
.menu-folder{
    font-weight: bold;
}
.menu-item{
    padding-left: 15px;
}
.submenu-folder-item{
    font-weight: bold;
}
.submenu-folder{
}
.submenu-item{
    padding-left: 15px;
}
.list{
    width: 100%;
}
.textbook-list td{
    padding-bottom: 10px;
}
.textbook-icon{
    padding-right: 10px;
}
.textbook-info{
}

.list-item{
}

.list-item-controls{
    text-align: right;
}
.announcement{
    width: 95%;
    height: 75px;
}
.block-large{
    background-color: #F4F5F0;
}
.block-large, .block-small, .block-announcements{
    width: 100%;
}
.block-large .title, .block-small .title{
    text-align: center;
    vertical-align: middle;
}
.block-large .controls, .block-small .controls{
    text-align: right;
}
.block-large .top-left{
    background: url(blockborder_large/tl.jpg) no-repeat;
    width: 42px;
    height: 57px;
}
.block-large .top{
    background: url(blockborder_large/t.jpg) repeat-x;
    height: 57px;
}
.block-large .top-right{
    background: url(blockborder_large/tr.jpg) no-repeat;
    width: 42px;
    height: 57px;
}
.block-large .left{
    background: url(blockborder_large/l.jpg) repeat-y;
    width: 42px;
}
.block-large .right{
    background: url(blockborder_large/r.jpg) repeat-y;
    width: 42px;
}
.block-large .bottom-left{
    background: url(blockborder_large/bl.jpg) no-repeat;
    width: 42px;
    height: 45px;
}
.block-large .bottom{
    background: url(blockborder_large/b.jpg) repeat-x;
    height: 45px;
}
.block-large .bottom-right{
    background: url(blockborder_large/br.jpg) no-repeat;
    width: 42px;
    height: 45px;
}
.block-small .top-left{
    background: url(blockborder_small/tl.jpg) no-repeat;
    width: 32px;
    height: 45px;
}
.block-small .top{
    background: url(blockborder_small/t.jpg) repeat-x;
    height: 45px;
}
.block-small .top-right{
    background: url(blockborder_small/tr.jpg) no-repeat;
    width: 32px;
    height: 45px;
}
.block-small .left{
    background: url(blockborder_small/l.jpg) repeat-y;
    width: 32px;
}
.block-small .right{
    background: url(blockborder_small/r.jpg) repeat-y;
    width: 32px;
}
.block-small .bottom-left{
    background: url(blockborder_small/bl.jpg) no-repeat;
    width: 32px;
    height: 34px;
}
.block-small .bottom{
    background: url(blockborder_small/b.jpg) repeat-x;
    height: 34px;
}
.block-small .bottom-right{
    background: url(blockborder_small/br.jpg) no-repeat;
    width: 32px;
    height: 34px;
}
.block-announcements .top-left{
    background: url(blockborder_announcements/tl.jpg) no-repeat;
    width: 174px;
    height: 31px;
}
.block-announcements .top{
    background: url(blockborder_announcements/t.jpg) repeat-x;
    height: 31px;
}
.block-announcements .top-right{
    background: url(blockborder_announcements/tr.jpg) no-repeat;
    width: 66px;
    height: 31px;
    vertical-align: bottom;
    text-align: center;
}
.block-announcements .left{
    background: url(blockborder_announcements/l.jpg) repeat-y;
    width: 174px;
}
.block-announcements .right{
    background: url(blockborder_announcements/r.jpg) repeat-y;
    width: 66px;
}
.block-announcements .bottom-left{
    background: url(blockborder_announcements/bl.jpg) no-repeat;
    width: 174px;
    height: 30px;
}
.block-announcements .bottom{
    background: url(blockborder_announcements/b.jpg) repeat-x;
    height: 30px;
}
.block-announcements .bottom-right{
    background: url(blockborder_announcements/br.jpg) no-repeat;
    width: 66px;
    height: 30px;
    vertical-align: top;
    text-align: center;
}
.block-announcements .title{
    text-align: center;
    vertical-align: bottom;
}
.page-controls img{
    vertical-align: middle;
}
.oer-link{
	padding-right: 20px;
}

#body{
    background: url(header/background.jpg) repeat-x;
}
#body.logoState2{
	background: url(header/background2.jpg) repeat-x;
}
#Logo{
    position: absolute;
    top: 0;
    left: 25px;
    z-index: 1;
    width: 218px;
    height: 177px;
}
.logoState2 #Logo{
    height: 25px;
	top: 13px;
}
#LogoEditor{
	padding-left: 20px;
}
#PageTitle{
    position: absolute;
    top: 0;
    left: 290px;
    width: 469px;
    height: 73px;
}
#PageTitle p{
	font-size: 20pt;
	color: #808080;
	padding: 20px;
}
.logoState2 #PageTitle p{
	font-size: 15pt;
	padding: 0px;
	margin-top: 12px;
}
#HeaderControls{
    position: relative;
    right: 30px;
    text-align: right;
    width: 100%;
    padding-top: 10px;
	height: 72px;
}
.logoState2 #HeaderControls{
	height: 37px;
	margin: 0;
}
#GoogleSearch{
    height: 30px;
    margin: 0;
    padding: 0;
}
#GoogleSearch .text-input{
    width: 100px;
}
.logoState2 #GoogleSearch{
	display: inline;
}
#GoogleResults{
    margin-left: 20px;
}
#HeaderControls a{
    margin: 5px;
    font-weight: bold;
}

#MainContentHolder{
    width: 100%;
    min-width: 900px;
}
#MainContent{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    min-width: 900px;
}
#MainContentRestricted{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1150px;
    min-width: 1150px;
}
.logoState1 #MainContent #LeftColumn, .logoState1 #MainContentRestricted #LeftColumn, .logoState3 #MainContent #LeftColumn, .logoState3 #MainContentRestricted #LeftColumn{
    padding-top: 178px;
}
.logoState2 #MainContent #LeftColumn, .logoState2 #MainContentRestricted #LeftColumn{
    padding-top: 50px;
}
#LeftColumn{
    width: 250px;
    min-width: 250px;
}
.edit-mode #LeftColumn{
    padding-top: 138px;
    width: 350px;
    min-width: 350px;
}
#LeftColumn .text-input{
    width: 225px;
}
#CenterColumn{
    min-width: 650px;
}

#TabsTable{
    width: 100%;
}
#TabsHolder2{
    width: 323px;
}
#TabsHolder3{
    width: 485px;
}
#TabsHR{
    border-bottom: solid black 1px;
}
#BrowseTabs{
}
#BrowseBlockContent{
    position: relative;
    height: 540px;
}
#BrowseBlockLeftColumn{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 40%;
    height: 540px;
    border-left: solid black 1px;
    border-bottom: solid black 1px;
}
#BrowseBlockRightColumn{
    position: absolute;
    top: 0px;
    left: 40%;
    width: 60%;
    height: 540px;
    border-left: solid black 1px;
    border-right: solid black 1px;
    border-bottom: solid black 1px;
}
#RegularContentHolder{
    position: absolute;
    top: 43px;
    left: 0px;
    width: 100%;
    min-width: 900px;
}
.logoState2 #RegularContentHolder{
	top: 5px;
}
#RegularContent{
    width: 100%;
    margin-top: 60px;
}
.logoState2 #RegularContent{
	margin-top: 0px;
}
#RegularContentLeft{
}
#RegularContentRight{
    width: 370px;
    padding: 35px 40px 0 20px;
}
#RegularContentRight p{
    margin-top: 0;
}
#AdminContentLeft{
    width: 300px;
}
#AdminContentRight{
}
#AdminContentRight .text-input{
    width: 450px;
}
#AdminContentRight textarea{
    width: 450px;
    height: 400px;
}
#AnnouncementControls{
    width: 100%;
}
#AnnouncementAddControls{
    text-align: left;
}
#AnnouncementEditControls{
    text-align: right;
}
#Instructor{
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
#InstructorHeader{
    font-size: 12pt;
    font-weight: bold;
    color: #6c6b5b;
    text-align: center;
}
#InstructorInstructions{
    font-size: 10pt;
    font-weight: bold;
    color: #6c6b5b;
    text-align: center;
}
#InstructorLink{
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
}
#InstructorLink a{
    color: #e18516;
}
#AboutLeftColumn{
    width: 50%;
    padding-right: 20px;
}
#AboutRightColumn{
    width: 50%;
    padding-left: 20px;
}
#SelectionInstruction, #SelectionInstruction b{
}
#MITELogo{
    float: left;
}
#LinkBlock{
	margin-top: 10px;
    text-align: center;
}
#Copyright{
    text-align: right;
    font-size: 8pt;
    padding-right: 30px;
}
#Terms{
    font-size: 8pt;
}
#LinkToHippo{
    font-size: 9pt;
}
#Help h1{
    font-weight: normal;
    text-decoration: underline;
}
#HelpSubjectsPlayback img{
    float: left;
    margin-right: 15px;
}
#HelpSubjectsPlayback{
    height: 125px;
    margin-top: 15px;
}
#HelpSubjectsEdit img{
    float: left;
    margin-right: 15px;
}
#HelpSubjectsEdit{
    height: 139px;
    margin-top: 15px;
}
#HelpTextbooksEdit img{
    float: left;
    margin-right: 15px;
}
#HelpTextbooksEdit{
    height: 145px;
    margin-top: 15px;
}
#HelpBookmarksEdit1 .left-image{
    float: left;
    margin-right: 15px;
}
#HelpBookmarksEdit1 .right-image{
    float: right;
    margin-left: 15px;
}
#HelpBookmarksEdit1{
    height: 145px;
    margin-top: 15px;
}
#HelpBookmarksEdit2 img{
    float: left;
    margin-right: 15px;
}
#HelpBookmarksEdit2{
    height: 232px;
    margin-top: 15px;
}
.tabset{
	width: 100%;
}
.tabset td{
	text-align: center;
}
.tabset .pressedleft{
	background-image: url(tabs/dynamic/tab_p_left.jpg);
	width: 8px;
	height: 23px;
	repeat: no-repeat;
}
.tabset .pressedmiddle{
	background-image: url(tabs/dynamic/tab_p_middle.jpg);
	height: 23px;
	repeat: repeat-x;
	font-weight: bold;
}
.tabset .pressedright{
	background-image: url(tabs/dynamic/tab_p_right.jpg);
	width: 9px;
	height: 23px;
	repeat: no-repeat;
}
.tabset .unpressedleft{
	background-image: url(tabs/dynamic/tab_n_left.jpg);
	width: 8px;
	height: 23px;
	repeat: no-repeat;
}
.tabset .unpressedmiddle{
	background-image: url(tabs/dynamic/tab_n_middle.jpg);
	height: 23px;
	repeat: repeat-x;
}
.tabset .unpressedright{
	background-image: url(tabs/dynamic/tab_n_right.jpg);
	width: 9px;
	height: 23px;
	repeat: no-repeat;
}
.tabBody{
	border-left: solid black 1px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
}
.tabContent{
	padding-top: 2px;
}
.tabBody p, .tabBody form, .tabBody h1{
	margin: 0px 5px 5px 5px;
}
#metadatatable td{
	vertical-align: baseline;
}
/*.tpSpacer{
	margin-left: 25px;
}*/
#EdGateLogo{
	position: absolute;
	left: 10px;
	top: 500px;
}
.borderlessContent{
	margin: 5px;
}
#location1{
	margin-left: 12px;
	margin-top: 10px;
	width: 230px;
	border: 1px solid black;
}
#location1 img{
	width: 230px;
}