/**************************************
 **     Styles for the classroom     **
 **       section of iyuda.com       **
 **************************************/
 
/**************************************
 **           Global Styles          **
 **************************************/
.classesMainWrapper { text-align: center; width: 820px; padding: 0; margin: 0; }
.classHeader { color: #4A8797; font-size: 24px; padding-top: 10px; }
.autoCompList  
{
	margin-top: 0px;
    margin-left: 0px; 
    padding-left: 1px; 
    max-height: 400px; 
    cursor: default; 
    background-color: White !important;
}
.popupHeader 
{
	font-size: 10pt;
	font-weight: bold;
	color: #4A8797;
	width: 100%; 
	text-align: center; 
	margin-top: 3px;
	margin-bottom: 7px; 
}
.hoverPopup 
{
	position: absolute;
    visibility: hidden;
	border: solid 3px gray; 
	padding: 5px 5px 5px 5px; 
	width: 130px; 
	height: 75px; 	
	font-size: 8pt;
	background-color:#F5F7F8;
	opacity:1;
	filter: alpha(opacity=100);
	line-height: 1.3;
}
.disabledLink { cursor: default; text-decoration: none; }
.disabledLink:hover { cursor: default; text-decoration: none; }
.alert { font-size: 12pt; color: Red; margin: 5px 0 0px 0px; text-align: left; }
.reqFieldText { margin: 3px 0 15px 0; font-size: 8pt; }
.listSearchCSS { font-size: 8pt; color: #666; font-style: italic; margin-bottom: 5px; }
.btnHover
{
    opacity: .99; 
    filter: alpha(opacity=999);
}
.profHover  
{
    position: absolute; 
    top: 0; 
    background-color: white; 
    color: black; 
    font-size: 10pt; 
    border: solid 2px #666; 
    padding: 10px; 
}
 

/***********************************************
 ** ~/l/classrooms/search/default.aspx styles **
 ***********************************************/
 .classSelectandSearch  
 {
     margin-top: 0;
     padding: 0 0 0 0;
     border: 0;
     color: black;
     font-size: 10pt;
     margin-left: auto;
     margin-right: auto;
     width: 810px;
     text-align: center;
}
.searchClassWM { color: Gray; font-style: italic; font-size: 8pt; }
.createClass { margin: 0px auto 0px auto; }
.classesGrid  
{
     margin: 20px auto 5px auto;
     text-align: center; 
     width: 800px;
}
 
 /***** Gridview Styles *****/
 .gvHeader 
 {
	background-color: #06dfff; 
	color: Black; 
	font-size: 10pt; 
	padding: 10px 3px 10px 3px; 
}
 .gvHeader a:link, .gvHeader a:visited { color: Black !important; }
 .gvItem { padding: 2px 2px 2px 2px; text-align: left; width: 116px; }
 .gvClassNameItem { padding: 2px 0px 2px 0px; text-align: left; font-weight: bold; color: Blue !important; }
 
 
/**********************************************
 ** ~/l/classrooms/class/default.aspx styles **
 **********************************************/
.classWrapper { width: 820px; text-align: left; }
#classTitle { font-size: 20pt; color: Black; }
#schoolName { color: Black; font-size: 10pt; padding-top: 5px; }
.classContent { margin-top: 30px; color: Black; text-align: left; font-size: 10pt; }
.classSubHdr { font-weight: bold; text-decoration: underline; }
#documents { margin-top: 30px; }
#contentWall { padding: 10px; width: 798px; border: solid 1px #666; }
#topics, #comments 
{
	height: expression(this.scrollHeight < 600 ? this.scrollHeight + "px" : this.scrollHeight > 600 ? "600px" : "auto");
	max-height: 600px;
	overflow: auto; 
	margin: 0;
	padding: 0;
	position: relative;
}
#comments #commentsBack { position: absolute; top: 5px; right: 5px; text-decoration: underline; text-align: center; width: 100px; cursor: pointer; font-size: 8pt; }
.topic { color: #4A8797; margin-bottom: 5px; font-size: 10pt; text-decoration: underline; cursor: pointer; }
.comment { margin: 0; padding: 0; margin-bottom: 10px; border-bottom: solid 1px black; }
.commentPosterDate { margin-top: 10px; margin-bottom: 5px; color: Black; font-style: italic; }
#contentWall #wallAddComment { padding-top: 10px; border-top: solid 1px #666; }

/***** Tabs *****/
#tblTabs { margin-top: 20px; }
.tab-selected  
{
    border: solid 1px black; 
    border-bottom: 0; 
    background-color: White; 
    padding: 3px 3px 3px 3px; 
    cursor: default; 
    width: 75px; 
    text-align: center; 
    font-weight: bold;
}
.tab-notSelected  
{
    border: solid 1px black; 
    background-color: #dddddd; 
    padding: 3px 3px 2px 3px; 
    cursor: pointer; 
    width: 75px; 
    text-align: center; 
    font-weight: bold;
}
.tabHover { background-color: #afafaf; color: White; }
.spacer { border-bottom: solid 1px black; padding-bottom: 3px; width: 3px; }
.tab-joinClass 
{
	border: solid 1px black; 
	background-color: #dddddd; 
	font-size: 12pt; 
	font-weight: bold;
	padding: 3px 5px 3px 5px; 
	width: 120px;
	text-align: center;
}
.tab-joinClass a:link, .tab-joinClass a:visited { color: #d91732 !important; }
.classLink { font-size: 8pt; }
.tblHdr { font-weight: bold; }

/***** Manuals *****/
#manuals 
{
	width: expression(document.body.clientWidth < 225? "225px" : document.body.clientWidth > 225? "225" : "auto"); 
	max-width: 225px;
	overflow: auto; 
	height: 125px; 
}
.manCoverImg { height: 100px; }
.manCoverSelectImg { height: 125px; }
#manualSelect 
{
    /*
	width: expression(document.body.clientWidth < 450? "450px" : document.body.clientWidth > 450? "450px" : "auto");
	max-width: 450px; 
	overflow: auto; 
	*/
	width: 450px;
    height: 235px; 
}

/***** Requests *****/
#requests 
{
	height: expression(this.scrollHeight < 365? this.scrollHeight + "px" : this.scrollHeight > 365? "365px" : "auto");
	max-height: 365px; 
	overflow: auto; 
	width: 299px; 
}

/***** Wall/ShoutOuts *****/
.wallHeader { font-size: 14pt; } 
#wallShoutOuts 
{
	width: 700px; 
	border: solid 1px #666; 
	padding: 3px 3px 3px 3px; 
	font-size: 9pt; 
	margin-left: 10px; 
}

.topicCreatedBy { color: #4A8797; font-size: 8pt; }
.wallTopics { margin-top: 8px; padding: 0 5px 0 5px; }
.wallComment { margin-top: 8px; padding: 0 5px 0 5px; }
.commentAuthorDate { font-size: 8pt; }
#addComment { border-top: solid 1px #666; font-size: 10pt; margin-top: 8px; padding-top: 3px; }

/***** Documents *****/
.documents { padding-left: 10px; margin-top: 5px; }


/********** NEW STYLES **********/
/***** Search *****/
#resultsWrapper { width: 800px; margin: 0 auto 10px auto; text-align: center; }
#tblClasses { width: 800px; margin: 0 auto; border: solid 1px #666; font-size: 10pt; }
#tblClasses th { font-size: 12pt; padding: 5px; text-align: left; background-color: #666; color: White; }
#tblClasses td { padding: 5px; text-align: left; border-right: solid 1px #666; }
.searchResultsRow { background-color: White; }
.searchResultsRowAlt { background-color: #dddddd; }
#searchPager { margin: 10px 0 10px 10px; text-align: center; background-color: #666; color: White; padding: 5px 2px 5px 2px; width: 250px; }
#pagerBack { cursor: pointer; }
#pagerBack:hover { text-decoration: underline; }
#pagerNext { cursor: pointer; }
#pagerNext:hover { text-decoration: underline; }
/****** jquery columnfilter styles *****/
.filterColumns { background-color: #666; }


/********** Autocomplete styles **********/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999999!important;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}