/* 
    Document   : site-screen
    Created on : 25-Nov-2008, 19:37:51
    Author     : matt
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body
{
    display: block;
    font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    color: #333333;
   
    /* to centre divs */
	margin: 0px;
    text-align: center; 
    min-width: 600px;
}

/* Default Facebook CSS */
.fbbody
{
    font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    color: #333333;
}


p
{
    font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    color: #333333;
}

/* Default Anchor Style */
a
{
    color: #3b5998;
    outline-style: none;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}

a:hover
{
    text-decoration: underline;
}




.PhotoID
{
    background-color: #eceff6;
    position: relative;
    left: 0px;
    top: 0px;
    width: 40px;
/*    height: 25px; */
    z-index: 2;
    overflow: visible;
    display: block; /* not sure this needed */
    margin: 0 auto;
    

    
}


.clsCommentsTitle
{
    background-color: #eceff6;
    width: 350px;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
    margin: 0px auto;
    font-weight: bolder;
    padding-bottom: 5px;
    padding-top: 5px;
    border-right: #66ccff thin solid;
    border-top: #66ccff thin solid;
    border-left: #66ccff thin solid;
    border-bottom: #66ccff thin solid;
}

.clsCommentHeader
{
    background-color: #eceff6;
    width: 500px;
    text-align: left;
    padding-right: 5px;
    padding-left: 5px;
    margin: 0px auto;
    font-weight: bolder;
    padding-bottom: 5px;
    padding-top: 5px;
}

.clsCommentText
{
    background-color: #d8dfea;
    width:500px;
    text-align:left;
    padding-right: 5px;
    padding-left: 5px;
    margin: 0px auto;
}

.clsCommentNeedToLogin
{
    background-color: #eceff6;
    width: 500px;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
    margin: 0px auto;
    font-weight: bolder;
    padding-bottom: 5px;
    padding-top: 5px;
    border-right: #99ccff thin solid;
    border-top: #99ccff thin solid;
    border-left: #99ccff thin solid;
    border-bottom: #99ccff thin solid;
}

.clsName
{
    text-align: center;
    background-color: #eceff6;
    border-right: #0099cc thin solid;
    border-top: #0099cc thin solid;
    border-left: #0099cc thin solid;
    border-bottom: #0099cc thin solid;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin: 10px;
    padding-top: 5px;
    width: auto;
    position: relative;
    overflow: visible;
    left:0px;
    /* top:0px; */
    z-index:2;
    
}

#divComments
{
   display:block;   
}





/* Facebook Box Styles */
.fbgreybox
{
    background-color: #f7f7f7;
    border: 1px solid #cccccc;
    color: #333333;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
}
.fbbluebox
{
    background-color: #eceff6;
    border: 1px solid #d4dae8;
    color: #333333;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
}
.fbinfobox
{
    background-color: #fff9d7;
    border: 1px solid #e2c822;
    color: #333333;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
}
.fberrorbox
{
    background-color: #ffebe8;
    border: 1px solid #dd3c10;
    color: #333333;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
}
/* Content Divider on White Background */
.fbcontentdivider
{
    margin-top: 15px;
    margin-bottom: 15px;
    width: 520px;
    height: 1px;
    background-color: #d8dfea;
}
/* Facebook Tab Style */
.fbtab
{
    padding: 8px;
    background-color: #d8dfea;
    color: #3b5998;
    font-weight: bold;
    float: left;
    margin-right: 4px;
    text-decoration: none;
}
.fbtab:hover
{
    background-color: #3b5998;
    color: #ffffff;
}




/* used for AJAX search suggest */
.suggest_link 
{
    background-color: #FFFFFF;		
    padding: 2px 6px 2px 6px;	
}
	
.suggest_link_over 
{
    background-color: #3366CC;
    padding: 2px 6px 2px 6px;
}
	
#search_suggest 
{
    position: absolute;
    background-color: #FFFFFF;
    text-align: left;
    border: 1px solid #000000;
}



/* media wiki ajax search suggestions */
.os-suggest {
	BORDER-RIGHT: #aaaaaa 1px solid; 
	BORDER-TOP: #aaaaaa 1px solid; 
	FONT-SIZE: 95%; 
	Z-INDEX: 99; 
	LEFT: 0px; 
	VISIBILITY: hidden; 
	OVERFLOW-X: hidden; 
	OVERFLOW: auto; 
	BORDER-LEFT: #aaaaaa 1px solid; 
	WIDTH: 0px; 
	BORDER-BOTTOM: #aaaaaa 1px solid; 
	POSITION: absolute; 
	TOP: 0px; 
	BACKGROUND-COLOR: window;
	text-align: left;
	
}
TABLE.os-suggest-results {
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	FONT-SIZE: 95%; 
	BORDER-BOTTOM-WIDTH: 0px; 
	WIDTH: 100%; 
	BORDER-COLLAPSE: collapse; 
	BORDER-RIGHT-WIDTH: 0px
}
TD.os-suggest-result {
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	COLOR: windowtext; 
	PADDING-TOP: 2px; 
	WHITE-SPACE: nowrap; 
	BACKGROUND-COLOR: window
}
TD.os-suggest-result-hl {
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	COLOR: windowtext; 
	PADDING-TOP: 2px; 
	WHITE-SPACE: nowrap; 
	BACKGROUND-COLOR: window
}
TD.os-suggest-result-hl {
	COLOR: white; BACKGROUND-COLOR: #4c59a6
}
TD.os-suggest-result-hl-webkit {
	COLOR: white; 
	BACKGROUND-COLOR: #4c59a6
}
TD.os-suggest-result-hl {
	COLOR: highlighttext; 
	BACKGROUND-COLOR: highlight
}
.os-suggest-toggle {
	FONT-SIZE: 65%; 
	LEFT: 1ex; 
	POSITION: relative
}
.os-suggest-toggle-def {
	FONT-SIZE: 65%; 
	LEFT: 0px; 
	VISIBILITY: hidden; 
	POSITION: absolute; 
	TOP: 0px
}




/* bottom of page stuff */


.clsBottomOfPageTable
{
    border-right: #99ccff thin dotted;
    border-top: #99ccff thin dotted;
    border-left: #99ccff thin dotted;
    border-bottom: #99ccff thin dotted;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #eceff6;
    text-align: center;
    width: 100%;
}


/* top of the page stuff */
.clsTableHeader
{
    background-color: #eceff6;
    border: 1px solid #d4dae8;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}


/* default stuff div */
.clsDefault
{
    background-color: #fff9d7;
    border: 1px solid #e2c822;
    color: #333333;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;

    margin:0 auto;
    width:600px;
    text-align: left;
}


/* person details div */
.clsPersonDetailsDiv
{
    text-align: center;
}

.clsPersonDetailsTable
{
    text-align:center;
}

.pAlignLeft
{
    text-align:left;
}

.pAlignCenter
{
    text-align:center;
}


/* people not on a course table */
.clsPeopleNotOnCourseTable
{
    width: 60%;
    text-align: center;
    margin: 0 auto;
}


.clsPeopleNotOnCourseTable td
{
    width:50%;
}

.clsCommentHeaderTable
{
    margin:0px;
    padding:0px;
    width:100%;
}

.clsCommentHeaderTableActionCell
{
    text-align:right;   
}




#divFlagMessageToAdminForm
{
    display: none;
    visibility: hidden;
    background-color: #ffebe8;
    border: 1px solid #dd3c10;
    color: #333333;
    padding: 10px;
    font-size: 13px;
    font-weight: bold; /* centre box */
    height: 200;
    width: 500;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -250px;
    overflow: hidden;
    z-index:0;
}

.clsTextBoxExpand
{
  width:97%;  
}


.clsLoginBox
{
    clear: none;
    text-align: right;
    padding: 5px 5px 0px 10px;
    font-size: 11px;
    vertical-align: middle;
}



a.clsLoginBox
{
    outline-style: none;
    text-decoration: none;
}


.clsFooter
{
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}



.clsLogTable
{
    border-right: gray thin dotted;
    border-top: gray thin dotted;
    border-left: gray thin dotted;
    border-bottom: gray thin dotted;
    margin-left: auto;
    margin-right: auto;
}


.clsLogTableTr
{
    background-color: #dcdcdc;
    padding-right: 5px;
    padding-left: 5px;
}

.clsDivAdminNotify
{
}

.clsDivAdminMenu
{
    padding: 8px;
    background-color: #d8dfea;
    color: #3b5998;
    font-weight: bold;
/*    float: left; */
    margin: auto;
    text-decoration: none;
    width:50%;
    margin-left: auto;
    margin-right: auto;
    
}

.clsDivAdminMenu td
{
    border-right: #0099ff thin dashed;
    border-top: #0099ff thin dashed;
    border-left: #0099ff thin dashed;
    border-bottom: #0099ff thin dashed;
    padding-right: 10px;
    padding-left: 10px;
}

.clsDivAdminMenuSel
{
    border-right: #0099ff thin dashed;
    border-top: #0099ff thin dashed;
    border-left: #0099ff thin dashed;
    border-bottom: #0099ff thin dashed;
    padding-right: 10px;
    padding-left: 10px;
    background-color:Orange;
}


.clsRecentComments
{
    text-align: left;
    background-color: #dcdcdc;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
    margin-left: auto;
    margin-right: auto;
}

.clsTableCenter
{
    margin-left: auto;
    margin-right: auto;
}

.clsThisIsMe
{
    margin: 0 auto;
    background-color: #eceff6;
    border: 1px solid #d4dae8;
    color: #333333;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    width:500px;
}


#divCorrections
{
    display: none;
    visibility: hidden;
    height: 200;
    width: 500;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -250px;
    background-color: #ffebe8;
    border: 1px solid #dd3c10;
    color: #333333;
    padding: 10px;
    font-size: 13px;
    font-weight: bold; /* centre box */
    overflow: hidden;
    z-index:0;
}


.clsHeaderTable
{
    width:100%;
}

.clsDivGeneralCentrePageStuff
{
    background-color: #eceff6;
    width: 500px;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
    margin: 0px auto;
    font-weight: bolder;
    padding-bottom: 5px;
    padding-top: 5px;
    border-right: #99ccff thin solid;
    border-top: #99ccff thin solid;
    border-left: #99ccff thin solid;
    border-bottom: #99ccff thin solid;
}