html,body {height:100%}
body {
background:#ebebd3 url('/_images/bodyball.jpg');text-align:center;font-size:80%;	font-family: Arial, Times New Roman, sans-serif, Helvetica, Verdana;color:#333333;
}

#applet
    {background:#ebebd3;}


#appletlink,
#appletlink:visited
    {color:blue;text-decoration:none;font-weight:bold;}

#appletlink:hover
    {text-decoration:underline;font-weight:bold;}

#appletlink img
    {margin:0px 0px 0px 2px;border:0;}

#applet:hover
    {color:blue;text-decoration:underline;font-weight:bold;}

#mainouter
{
} 


#main
{
    margin:auto;
    border:1px solid #333333;
    width:800px;
    background:white url('../_images/header2.jpg') no-repeat left top;
}

/*************************************************
 *
 * General copy styles
 *
 *************************************************/

#main div#contentbody
{
    padding:0px 20px 20px 20px;
/*    border-left:2px solid #333333;
    border-right:2px solid #333333;
 */  
    min-height:400px;
    height:100%;
    text-align:left;
    width:760px;
}

* html #main div#contentbody
    {height:300px;}

#main div#contentbody p,
#main div#contentbody p.copytextheader
    {}
    
#main div#contentbody p.copytextheader
    {font-weight:bold;}

/*************************************************
 *
 * Footer area
 *
 *************************************************/

#main #footer
{
    height:130px;
    background:#333333 url('../_images/footer2.jpg') no-repeat 0px 0;
    text-align:left;
    padding:60px 0px 0px 30px;
    font-size:85%;
}
#main #footer #footermenu
    {float:left;width:600px}

#main #footer #footermenu ul
    {float:none;list-style:none;margin:0;padding:0;font-size:100%;color:#333}
#main #footer li
    {float:left;padding:5px;}

#main #footer a,
#main #footer a:visited
    {color:#333333;text-decoration:none;}
#main #footer a:hover
    {color:#333333;text-decoration:underline;}

#main #footer #copyright    
    {margin:20px 10px 0px 0px;}
#main #footer #copyright ul
    {color:White;list-style:none;margin:0;font-size:80%;float:right;}
#main #footer #copyright li
    {float:none;padding:0px;text-align:right;width:200px;}
#main #footer #copyright a,
#main #footer #copyright a:visited
    {color:White;}


#main #contentbody
{
    margin:0px 0px 0px 0px;
}
#main #menu 
{
    margin:45px 0px 0px 0px;
    padding:0px 0px 0px 260px;
    height:80px;
    float:left;
}
#menu ul
{
    padding-left:0px;
    margin:0px;
    list-style:none;
    width:540px;
}
#menu ul li
{
    padding:0px 20px 0px 0px;
    float:left;
    height:26px;
    text-indent:0px;
    display:block;
}

#menu ul li a
    {color:#333;font-size:90%;font-weight:bold;text-decoration:none;float:left;height:23px;position:relative;margin-top:2px;margin-left:2px;z-index:100;}
#menu ul li a:hover
    {color:#0000FF;text-decoration:underline;background-position:0 -23px;}
/*
#menu ul li a.homemenu
    {background:url('../_images/menu/home.jpg') no-repeat 0px 0px;}
#menu ul li a.homemenu.current,
#menu ul li a.homemenu.current:visited,
#menu ul li a.homemenu.current:hover
    {background-position:0 -23px;z-index:101}

#menu ul li a.mydocsmenu
    {background:url('../_images/menu/mydocs.jpg') no-repeat 0 0px;}
#menu ul li a.mydocsmenu.current,
#menu ul li a.mydocsmenu.current:hover
    {background-position:0 0px;z-index:101}
    
#menu ul li a.appletsmenu
    {width:127px;background:url('../_images/menu/applet.jpg') no-repeat 0 0px;}
#menu ul li a.appletsmenu.current,
#menu ul li a.appletsmenu.current:hover
    {background-position:0 0px;z-index:101}

#menu ul li a.adminmenu
    {margin-left:0px;background:url('../_images/menu/admin.jpg') no-repeat 0 0px;}
#menu ul li a.adminmenu.current,
#menu ul li a.adminmenu.current:hover
    {background-position:0 0px;z-index:101}
*/

/*************************************************
 *
 * Login box
 *
 *************************************************/
 
#loggedin
    {float:right;color:White;margin:5px;width:700px}

a.logoutbtn
    {float:right;margin-left:0px;text-indent:-9999px;background:#333333 url('../_images/logout_key.jpg') no-repeat 0 0;height:22px;width:25px;}
a.logoutbtn:hover
    {background-position:0 -22px}

div.loginboxblock
    {float:right;width:280px;border:1px solid #333333;padding:5px 0px 5px 5px;}
div.loginboxblock ul 
    {list-style:none;margin:10px 10px 0px 10px;}
div.loginboxblock ul li
    {padding:2px;}
div.loginboxblock ul li span
    {float:left;margin-top:5px;font-size:100%;width:100px;}

div.loginboxblock a.loginbtn
    {margin-left:102px;float:left;text-indent:-9999px;background:white url('../_images/login2.jpg') no-repeat 0 0;height:25px;width:101px;}
div.loginboxblock a.loginbtn:hover
    {background-position:0 -25px}
div.loginboxblock ul li input.dataentry
    {width:140px;}

div.loginboxinline
    {font-size:90%;float:right;border:0px solid pink;padding:0px 0px 0px 0px}
div.loginboxinline ul li input.dataentry
    {float:left;width:100px;font-size:80%;height:auto}
div.loginboxinline ul
    {float:right;list-style:none;margin:0px 0px 0px 0px;width:380px;}
div.loginboxinline ul li
    {float:left;padding:0px;}
div.loginboxinline ul li span
    {float:left;color:white;margin-top:2px;font-size:100%;width:65px;}
div.loginboxinline a.loginbtn
    {float:right;text-indent:-9999px;background:#333 url('../_images/login_key.jpg') no-repeat 0 0;height:22px;width:25px;}
div.loginboxinline a.loginbtn:hover
    {background-position:0 -22px}



#main #contents #appletlist 
    {padding:0px; width:600px;margin:auto;}
#main #appletlist td#appleticon
    {width:50px;}
#main #appletlist td#appletdesc
    {text-align:left;width:600px;padding:5px;}
#main #appletlist td#appleticon #applet
    {background:white;}
#main #appletlist td#appletdesc #applet
    {background:white;text-decoration:none;font-weight:bold;color:Black;}
#main #appletlist td#appletdesc #applet:hover
    {text-decoration:underline;font-weight:bold;color:blue}


/*******************************************************************
 *
 * Home page
 *
 *******************************************************************/
#mathsimage
    {float:right;border:1px solid #666}
    
#mathsimage #fourdcube
    {font-size:small;margin:0px;padding:0px;text-align:center;}
#mathsimage #fourdcube a
    {text-decoration:none;color:#666;margin:auto;}
#mathsimage #fourdcube a:hover
    {text-decoration:underline;}

/*******************************************************************
 *
 * MyDocs
 *
 *******************************************************************/
#filterdropdown
    {float:left;padding:2px 10px 0px 0px;}
.applybutton
    {text-indent:-9999;float:right;height:25px;width:100px;background:white url('../_images/search.jpg') no-repeat 0px 0px;margin:0px 0px 10px 0px}
.applybutton:hover
    {background-position:0 -25px}

#searchparameters
    {border:1px solid #999;width:650px;float:left;padding:0px;margin:0px 0px 0px 0px}

#searchparamslist
    {list-style:none;margin:0px -40px 0px 20px;}
    
#searchparamslist li
    {background:white;width:600px;text-align:left;}

#searchparamslist li span
    {float:left;text-align:right;width:140px;margin:6px 0px 0px 0px;padding:2px 5px 2px 0px}
#searchparamslist li span.until
    {width:100px;}

#searchparamslist li .datebox
    {margin:2px 0px 0px 0px;}
    
/*************************************************
 *
 * MyDoc
 *
 *************************************************/
.mydoc_canvas
    {margin-top:30px;width:90%;height:200px;overflow:auto;border:1px solid #333333;background:#FEFEFE;text-align:left;}

.table
    {border:1px solid #999;padding:10px;}
    
tr.tableheader
    {background:#ebebd3;color:#333;font-weight:bold;text-align:left;padding:2px;margin:2px}

.tableitem
    {margin:10px;border:1px solid #333;}
.tableitem a
    {padding:10px;}
    
#leftcolumn
    {float:left;width:650px;}

#leftcolumn #documenttitle,
#leftcolumn #documentauthor
    {padding:2px;margin:5px;width:640px;}
#leftcolumn #documenttitle input
    {width:530px;border:1px solid #333;padding:2px;}
#leftcolumn #documenttitle input.readonly
    {border:0px;padding:0px 0px 0px 2px;background:white;}
    
    
#leftcolumn .accessrights
    {margin:5px 0px 0px 0px;}
    
#leftcolumn .accessrights div
    {text-align:left;margin:auto;padding:0px 0px 0px 5px;margin-top:5px;}

#leftcolumn #commentheader
    {float:left;width:640px;margin:10px 0px 10px 0px}
#leftcolumn #commentheader h3
    {float:left;}
#leftcolumn #commentheader input
    {float:right;}
#leftcolumn .commentdetails,
#leftcolumn .deleted
    {width:630px;border:1px solid #333333;margin-top:5px;}
#leftcolumn .commentdetails #commentator,
#leftcolumn .deleted  #commentator
    {position:relative;margin-left:5px;top:-8px;background:white;float:left;padding:0px 5px 0px 5px;}

#leftcolumn .deleted
    {border:solid 2px red;}

#leftcolumn #datecreated
    {position:relative;margin-left:5px;top:-10px;background:white;float:left;padding:0px 5px 0px 5px;}

#leftcolumn .deletecomment
    {position:relative;margin-left:5px;top:-10px;float:right;padding:0px 40px 0px 5px;}
#leftcolumn .deletecomment span
    {float:left;background:white;padding:0px 2px 0px 2px;}
#leftcolumn .deletecomment span a
    {text-decoration:none;color:Black;}
#leftcolumn .deletecomment span a:hover
    {text-decoration:underline;color:blue;}


#leftcolumn .commenttext
    {width:600px;margin:0px 10px 20px 10px;border:1px solid white;background:white;padding:5px 5px 5px 10px;}
    

#rightcolumn
    {padding:5px;margin:5px;float:right;width:50px;text-align:center;border:1px solid #333333;background:#ebebd3;}
#rightcolumn ul
    {list-style:none;margin:0px 0px 0px -42px;}
.contentTable td
    {border:1px solid #333;}

/**************************************************
 *
 * Applet dialog
 *
 **************************************************/    
#header span
    {margin:5px;font-weight:bold;font-size:large}
    
#header .Close
    {float:right; margin:0px 0px 10px 0px;padding:0px;width:45px;}
    
#header .Close a
    {text-indent:-9999;height:27px;width:34px;margin:0px 5px 0px 5px;}
#header .Close a:hover
    {background-position:0 0;}
    
#header .Close a.snaphotButton
    {float:left;background:white url('../_images/applet_snapshot.jpg') no-repeat 0 -27px;}
#header .Close a.closebutton
    {float:left;background:white url('../_images/applet_close.jpg') no-repeat 0 -27;}




/**************************************************
 *
 * General buttons
 *
 **************************************************/
#addrow 
    {text-align:center;margin:5px 0px 5px 290px;padding:0px;}
#uploadClass
    {text-align:center;margin:5px 0px 5px 240px;padding:0px;}

.editSchool a,
.addUsers a,
#uploadClass a,
#addrow a,
#uploadPanel a,
#linkEditor a
    {text-indent:-9999px;width:101px;height:25px;margin:5px;}
.editSchool a:hover,
.addUsers a:hover,
#uploadClass a:hover,
#addrow a:hover,
#uploadPanel a:hover,
#linkEditor a:hover,
#commentheader a:hover
    {background-position:0 -25px;}



.editSchool dd
    {height:25px;}
a.btnCancel
    {float:left;background:#333333 url('../_images/cms_cancel.jpg') no-repeat 0 0;}
a.btnClose
    {float:left;background:#333333 url('../_images/close.jpg') no-repeat 0 0;}
a.btnSave
    {float:left;background:#333333 url('../_images/cms_editor_savechanges.jpg') no-repeat 0 0;}
a.btnSend
    {float:left;background:#333333 url('../_images/send.jpg') no-repeat 0 0;}
a.btnDelete
    {float:left;background:#333333 url('../_images/cms_delete.jpg') no-repeat 0 0;}
a.btnRemove
    {float:left;background:#333333 url('../_images/cms_Remove.jpg') no-repeat 0 0;}
a.btnApply
    {float:right;position:relative;top:-25px;background:#333333 url('../_images/Apply.jpg') no-repeat 0 0;width:101px;height:25px;}
a.btnApply:hover
    {background-position:0px -25px}
a.btnChangePassword
    {float:left;background:#333333 url('../_images/changepwd.jpg') no-repeat 0 0;margin:0px}
a.btnAdd
    {float:left;background:#333333 url('../_images/cms_add.jpg') no-repeat 0 0;margin:0px}
a.btnAddComment
    {text-indent:-999;float:right;background:#333333 url('../_images/addcomment.jpg') no-repeat 0 0;margin:0px 0px 0px 0px;width:101px;height:25px;}
a.btnUpload
    {float:left;background:#333333 url('../_images/cms_upload.jpg') no-repeat 0 0;margin:0px}
a.btnBrowse
    {z-index:-2;display:none;float:left;position:relative;top:-25px;left:155px;background:#333333 url('../_images/cms_browse.jpg') no-repeat 0 0;margin:0px}
a.btnBulkUpload
    {float:left;position:relative;background:#333333 url('../_images/cms_bulk_upload.jpg') no-repeat 0 0;margin:0px}
a.btnInsert
    {float:left;background:#333333 url('../_images/cms_insert.jpg') no-repeat 0 0;margin:0px}
    

span.commentlabel
    {padding:0px 0px 0px 0px;float:left;width:110px;}
    
/**************************************************
 *
 * Rich Tasks
 *
 **************************************************/
#richtasks 
    {text-align:left;}
    
#richtasks ul
    {list-style:none;}
#richtasks ul li
    {padding-top:10px;margin-left:0px;}
#richtasks ul li span
    {float:left;}
#richtasks ul li .RichTaskLink,
#richtasks ul li .RichTaskLink:visited
    {color:black;font-weight:bold;text-decoration:none;}
#richtasks ul li .RichTaskLink:hover
    {color:blue;font-weight:bold;text-decoration:underline;}
#richtasks ul li span.startDate,
#richtasks ul li span.finishDate
    {float:right;clear:none;width:100px;}

#richtasks ul li div
    {color:#808080; width:620px;}    


#tabular-data 			{width:600px;margin:0px 0px 0px 30px;}
#tabular-data h2		{padding:0 0 10px 0px;}
#tabular-data h3		{color:#333;padding:0 10px 0px 0px;}
#tabular-data div		{padding:0;margin:0;}

#tabular-data ul		{width:720px;padding:0 0 1px;background:url(../images/tabular-data-bottom-border.gif) no-repeat left bottom;}
#tabular-data ul li		{padding:0;}
#tabular-data ul li a:hover,
#tabular-data ul li a:visited,
#tabular-data ul li a	{color:white;text-decoration:none;}
ul.ui-tabs-nav			{font-size:74%;}

#tabular-data .tabInner{
	width:681px;
	border:solid 1px #333;
	padding:10px!important;
	background:transparent;
}

.tabInner a,
.tabInner a:hover,
.tabInner a:visited
    {text-decoration:none;color:blue;}

.tabInner a:hover
    {text-decoration:underline;}

div#resourcefiles
    {margin:0px;margin:10px 0px 10px 0px;float:left;}

div#resourcefiles ul
    {list-style:none;margin:0px;width:550px;}
div#resourcefiles ul li
    {float:left; width:230px}
    
div#resourcefiles ul li ul
    {float:left;width:200px;margin:10px;}
div#resourcefiles ul li ul li 
    {float:none;}
div#resourcefiles ul li ul li a,
div#resourcefiles ul li ul li a:visited
    {color:#0000FF}
div#resourcefiles ul li ul li a:hover
    {color:#0000FF;text-decoration:underline}

div#jumptotop
    {padding-top:20px;padding-left:550px;}

/**************************************************
 *
 * Teachers Notes
 *
 **************************************************/
#teachersnotes
    {padding:0px 30px 0px 30px}

.assessmentgrid
    {border:solid 1px black;}
.header 
    {background:black;color:White;}
.header td a,
.header td a:hover,
.header td a:visited
    {font-weight:bold;color:White;background:black;}
.assessmentgrid td
    {border:solid 1px black;}
    
.assessmentgrid td.student
    {width:200px}
    
.assessmentgrid td.class
    {width:200px}

.assessmentgrid td.lastupdated
    {width:100px;}

/**************************************************
 *
 * Students Notes
 *
 **************************************************/
.assessmentbox    
    {width:600px;height:250px;margin:0px 30px 0px 30px;font-family: Arial, Times New Roman, sans-serif, Helvetica, Verdana;}
    
/**************************************************
 *
 * Forum
 *
 **************************************************/
/*
    #ebebd3         - light beige 
    #d8d7aa         - Beige
*/

.forum_table
    {
        width:650px;border:1px solid #333;padding:0px;
    }
.forum_tableheader
    {
        margin:10px;background:#ebebd3;border:1px solid #ebebd3;
    }
    
.forum_subject_col
    {width:440px}
.forum_user_col
    {width:100px;}
.forum_date_col
    {width:60px;}
    
.hdr
    {border-bottom:1px dotted #d8d7aa;font-weight:bold;}

.forum_description
    {background:#ebebd3;padding:4px;display:none;}

.forum_subject_col a,
.forum_subject_col a:visited
    {color:#333;font-weight:bold;text-decoration:none;}
.forum_subject_col a:hover
    {text-decoration:underline}
    
.forum_description a,
.forum_description a:visited
    {color:#333;font-size:80%;text-decoration:none;}

.forum_description a:hover
    {text-decoration:underline}

#forumreply,
#newthread
    {padding:40px 0px 0px 0px;}
    
h4
    {padding:10px 0px 0px 0px;} 

#newthread h4
    {padding:5px 0px 0px 0px;} 

#newthread div
    {width:600px;}    
#newthread div span
    {float:left;width:140px;}


/**************************************************
 *
 * Forum
 *
 **************************************************/
#feedback span
    {float:left;width:200px;}

.feedbackDetails
    {width:500px;height:200px;}
    
a.btnSubmit
    {float:left;width:100px;height:25px;color:red;background:#333333 url('../_images/submit.jpg') no-repeat 0 0;}
a.btnSubmit:hover
    {background-position:0px -25px;}
#feedback dd
    {margin:2px  0px 2px 0px;}
    
    
#install
    {list-style:none;}
    
#install li
    {float:left;width:50%}

#install span
    {float:left;width:100px;}



#commandbuttons a
    {text-indent:-9999px;width:101px; height:25px;}
#commandbuttons a:hover
    {background-position:0px -25px}