/* CSS Document */

body { font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; font-size:12px; min-width:780px; background-color:#000; }
input, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; }
h1, h2, h3 { color:#468; }
h1 { font-size:18px; }
h2 { font-size:16px; }
h3 { font-size:14px; }
a { color:#468; }
h1 a, h2 a, h3 a { text-decoration:none; }
a img { border:none; }
a:hover { color:#68a; }
xmp { border:solid 1px; #666; background-color:#eee; padding:10px; color:#000; }
#container { width:760px; margin:0px auto;background-color:#fff; }
#login { position:fixed; right:0px; padding:6px; background-color:#666; font-size:10px; color:#fff; margin:0px; border:solid 1px #aaa; border-width:0px 0px 1px 1px;}
#login a { color:#fff; }
#login a:hover { color:#acf; }
#title { background-color:#333333;height:70px; background-image:url(../images/title.gif); background-repeat:no-repeat; background-position:center left;}
#menu { background-color:#333333;  font-size:14px;}
#menu ul, #menu li { display:inline; margin:0px 0px 0px 6px; padding:0px; }
#menu a { color:#fff; padding:6px 16px 0px 16px; font-weight:bold; text-decoration:none;}
#menu a:hover, #menu  .current { background-color:#09c;}
#sub_menu { height:30px; }
#sub_menu ul { list-style-type:none; padding:0px; margin:0px;  }
#sub_menu ul li { display:block; padding:0px 10px 0px 0px; float:left; }

#colourbar { height:10px; background-color:#09c; }
#main { padding:10px 10px 30px 10px; line-height:1.6em; color:#333; }
.imgfloatright, .imgfloatleft { margin:10px; }
.imgfloatright { float:right; }
.imgfloatleft { float:left; }
#colourbarbottom { height:10px; background-color:#09c; clear:both; }
#footer { font-size:10px; text-align:center; color:#aaa; padding:10px; clear:both; background-color:#000;}
.filelist { list-style-type:none; }
.folder, .worddoc, .pptdoc, .exceldoc, .accessdoc { padding-left:20px; background-repeat:no-repeat; background-position:center left; }
.folder { background-image:url(../images/folder.png); }
.worddoc{ background-image:url(../images/icons/word.gif); }
.pptdoc{ background-image:url(../images/icons/powerpoint.gif); }
.exceldoc{ background-image:url(../images/icons/excel.gif); }
.accessdoc{ background-image:url(../images/icons/access.gif); }


/* Icon Links */
.view, .add, .edit, .delete, .upload, .download, .info {background-repeat:no-repeat; background-position:center left; padding-left:18px; }
.view { background-image:url(../../images/icons/view.png);  }
.add { background-image:url(../../images/icons/add.png); }
.edit { background-image:url(../../images/icons/edit.png); }
.delete { background-image:url(../../images/icons/delete.png); padding-left:16px; }
.download { background-image:url(../../images/icons/download.png); }
.upload { background-image:url(../../images/icons/upload.png); }
.info { background-image:url(../../images/icons/info.png); } 

/* UI Components */
.searchbar {  width:100%; border-bottom:solid 1px #ccc; padding:2px; margin-bottom:6px; }
.searchbarfiller { height:10px; border-bottom:solid 1px #ccc; margin-bottom:6px; }
.viewfilter { text-align:right; margin:0px; background-image:url(../../images/icons/find.png); background-repeat:no-repeat; background-position:center left; padding-left:18px;}
.viewfilter select, .viewfilter input { font-size:11px; border:}
.viewfilter select, .viewfilter input .text { width:120px; }
.actionsblock { font-size:10px; text-align:right; border-bottom:1px solid #ccc;}

/* Block Selectors & Page Selectors*/
.blockselector { font-size:11px; line-height:normal; border-bottom:1px solid #468; }
.blockselector ul, .pageselectorbottom ul{ margin:0px 0px 2px 8px; padding:0; list-style:none; }
.blockselector li, .pageselectorbottom li{ display:inline; margin:0; padding:2px 4px 2px 4px; border: solid 1px #ccc; border-bottom:none; background-color:#fff;}
#main .blockselector li a, #main .pageselectorbottom li a { text-decoration:none; color:#123;}
#main .blockselector li a:hover, #main .pageselectorbottom li a:hover { text-decoration:underline;}
#main .blockselector li a:hover, #main .pageselectorbottom li a:hover { text-decoration:underline;}
.blockselector .current, .pageselectorbottom .current { background-color:#468; color:#fff; border: solid 1px #468; border-bottom:none; }
#main .blockselector .current a, #main .pageselectorbottom .current a { color:#fff; }
.pageselectorbottom {font-size:11px; line-height:normal; border-top:1px solid #468; margin-top:10px; height:20px;}
.pageselector { float:right; }
.pageselector a { padding:2px 4px 2px 4px;}
.pageselectorbottom .pageselector a { padding-top:0px; }
#main .pageselector a.current { color:#fff; border:0px; }
#main .pageselector a:hover { background-color:#8ac; color:#fff; text-decoration:none; }
.pageselector li { border:none; padding:0px; text-align:center;}
.pageselector li.greytext { color:#666; }



/* Forms & Displayblock*/
.formblock, .displayblock { padding-bottom:14px; margin:4px 0px 4px 0px; float:left; border-bottom: solid 1px #468; width:100%; font-size:11px; line-height:16px;}
.displayblock { border-bottom:0px; font-size:12px; }
.formitem, .displayitem { margin:3px; float:left; width:100%; }
.formlabel, .displaylabel { float:left; width:120px; text-align:right; margin-right:20px; }
.displaylabel { color:#333; text-align:left; width:120px; }
.formsubmit { margin-left:140px; float:left; margin-top:8px; }
.formcolumn { width:300px; float:left; }
.formblock input, .formblock select, .formblock textarea { font-size:11px; }
.displaycontent, .formcontrol { margin-left:140px; }
.formtip { font-style:italic; }

.faketextbox { float:left; font-size:11px; border:solid 1px #aaa; padding:2px; width:400px;  }
.faketextboxlist, .faketextboxlist li { float:left; margin:0px; padding:0px; }
.faketextboxlist li { background-color:#cde; border:1px solid #469;padding:0px 4px 0px 4px; display:block; margin:1px 3px 1px 0px; white-space:nowrap; }
.faketextboxlist li.newitem{ padding:0px; margin:1px; border:none; }
.faketextbox input { float:left; display:block; border:none; background-color:#fff; font-size:10px; width:80px;}

.colleft { float:left; width:360px; }

#error, #msg { text-align:center; padding:6px; }
#error { background-color:#fcc; }
#msg { background-color:#ffc; }

.sidebar { float:right; width:120px; border-left:solid 1px #68a; border-bottom:solid 1px #68a; padding:10px; margin:0px 0px 10px 10px; background-color:#fff; }
.sidebar ul { margin-left:16px; padding:0px; list-style-type:square; }


/* Misc - possibly not required */

.biglinks {
	float:right;
}
.colright {
	width:70%;
	float:right;
}
.biglinks ul { padding:0px; list-style-type:none; margin:0px; border-top:solid 1px #ccc;}
.biglinks li {  }
.biglinks a { display:block; background-color:#cef; padding:20px; font-size:18px; text-align:center; width:260px; border:solid 1px #ccc; border-top:0px; }
.biglinks a.current {  background-color:#eff;  }
.biglinks a:hover { background-color:#09c; color:#fff; }
.commendations th { text-align:left; padding:4px 2px; background-color:#36a; color:#fff; }
.commendations td {  padding:2px; background-color:#eef; }