body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family:Arial; font-size:100.01% }table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100.01%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

body { background-image:url(img/b_g.jpg); background-repeat:repeat-x; background-position:left top; margin-top:40px;}
body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } 

a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #002E62; } 
a:visited { color: #666666; } 
a:hover { color: #F37937; } 
a:active { color: #002E62; }

/* Basic Page Layout */
div#outer {
    width: 759px;
    background-color:#FFFFFF;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}
div#header {
    padding: 0px;
    margin: 0px;
    text-align:left;
}
div#main {
    margin-top: 1px;
    min-height:300px;
    padding-bottom:3px;
}
div#footer 
{
    text-align:center;
    padding: 0px;
    margin: 0px;
    background-color: #e5e5e5;
	border: 1px dashed #CCCCCC;
}
div#footer span { display:block; margin-top:12px; margin-bottom:12px; color: #999999; }
div#byline { display:none; }

.h1Hide { display:none; }

/* Login Page */
div#loginSelect { float:left; width:260px; text-align:center; }
div#loginForm { float:left; }
div#loginForm input { border:solid 1px #f47838; width:250px; }
div#loginForm input[type=button] { width:80px; font-weight:bold; border:solid 1px #002e62; background-color:#f47838; color:#FFFFFF; display:block; float:left; }
div#loginForm h2 { display:block; font-size:x-large; margin-bottom:12px; margin-top:6px; }
div#loginForm h2 span { font-size:x-small; }
div#loginForm label { display:block; }
div#loginForm input { display:block; margin-bottom:12px; }
div#loginForm input[type=reset] { margin-left:93px; display:block; float:left; width:80px; font-weight:bold; border:solid 1px #f47838; background-color:#002e62; color:#FFFFFF; }
div#loginForm div { margin-bottom:1em; clear:both; }

/* Dashboard */
div#tabs label { display:block; }
div#tabs input { border:solid 1px #f47838; width:250px; display:block; margin-bottom:12px; }
div#tabs input[type=hidden] { border:none; width:0px; display:inline; margin-bottom:0px; }
div#tabs textarea { border:solid 1px #f47838; width:250px; display:block; margin-bottom:12px; height:100px; }
div#tabs input[type=button] { font-weight:bold; border:solid 1px #002e62; background-color:#f47838; color:#FFFFFF; }
div#tabs input[type=button]#buttonNewJobRequest { width:200px; }
div#tabs input[type=button]#buttonArchiveSearch { width: 60px; }
div#tabs input[type=checkbox] { font-weight:bold; display:inline; width:15px; border-style:none; }
div#tabs input[type=button]#buttonCancel1 { width:80px; font-weight:bold; border:solid 1px #f47838; background-color:#002e62; color:#FFFFFF; }
div#divTabsLoading { width:100%; text-align:center; margin-top:5em; }
div#divArchiveLoading { width:100%; text-align:center; margin-top:5em; }
div#divCourseCodeLoading { width:100%; text-align:center; margin-top:5em; }

/* Jobs */
.job { border:solid 1px #999999; width:100%; margin-top:1.5em; }
.job .name { font-size:12pt; font-weight:bold; color:#002e62; }
.job .name span { font-size:8pt; font-weight:normal; }
.job .stockjob { text-align:right; color:#f47838; float:right; margin-right:2em; }

.wip a { display:block; text-decoration:none; padding:5px; }
.wip a:hover { background-color:#e8e8e8; }

.todo { margin-right:2em; margin-left:2em; margin-bottom:2em; border:solid 1px #999999; border-top-width:0px; }
.todo span { display:block; background-image:url(/assets/img/Warning.jpg); background-position:left center; background-repeat:no-repeat; padding-left: 40px; font-weight:bold; padding-top:10px; padding-bottom:10px; }
.todo table { padding-top:10px; }
.todo table tr { border-top:solid 5px white; }
.todo table tr th { padding-bottom:2px; padding-top:2px; text-align:center; color:#FFFFFF; font-weight:bold; }
.todo table tr td.shippingDateTD { width:8em; }
.todo .completeTable table tr th { background-color:#002e62; }
.todo .incompleteTable table tr th { background-color:#f47838; }
.todo .incompleteTable { margin-bottom:5px; }

.invoiceoutstanding { margin-right:2em; margin-left:2em; margin-bottom:2em; border:solid 1px #999999; border-top-width:0px; }
.invoiceoutstanding span { display:block; background-image:url(/assets/img/Warning.jpg); background-position:left center; background-repeat:no-repeat; padding-left: 40px; font-weight:bold; padding-top:10px; padding-bottom:10px; }
.invoicepaid { margin-right:2em; margin-left:2em; margin-bottom:2em; border:solid 1px #999999; border-top-width:0px; }
.invoicepaid span { display:block; background-image:url(/assets/img/Ok.jpg); background-position:left center; background-repeat:no-repeat; padding-left: 40px; font-weight:bold; padding-top:10px; padding-bottom:10px; }

.shipping { margin-right:2em; margin-left:2em; border:solid 1px #999999; border-top-width:0px; }
.shipping table { padding-top:10px; }
.shipping table tr { border-top:solid 5px white; }
.shipping table tr th { padding-bottom:2px; padding-top:2px; text-align:center; color:#FFFFFF; font-weight:bold; }
.shipping table tr td.shippingDateTD { width:8em; }
.shipping .completeTable table tr th { background-color:#002e62; }
.shipping .incompleteTable table tr th { background-color:#f47838; }
.shipping .incompleteTable { margin-bottom:5px; }

.inprogress { margin-right:2em; margin-left:2em; border:solid 1px #999999; border-top-width:0px; }
.inprogress span { display:block; background-image:url(/assets/img/Ok.jpg); background-position:left center; background-repeat:no-repeat; padding-left: 40px; font-weight:bold; padding-top:10px; padding-bottom:10px; }

.lackofprogress { margin-right:2em; margin-left:2em; border:solid 1px #999999; border-top-width:0px; }
.lackofprogress span { display:block; padding-left: 40px; font-weight:bold; padding-top:10px; padding-bottom:10px; }

.nostatus { }
.nostatus span { display:block; padding-left: 40px; font-weight:bold; padding-top:10px; padding-bottom:10px; }

.stockcheck { margin-right:2em; margin-left:2em; margin-bottom:2em; border:solid 1px #999999; border-top-width:0px; }
.stockcheck table { padding-top:10px; }
.stockcheck table tr { border-top:solid 5px white; }
.stockcheck table tr th { padding-bottom:2px; padding-top:2px; text-align:center; color:#FFFFFF; font-weight:bold; }
.stockcheck table tr th { background-color:#002e62; }

#divArchiveResults .archivejob { margin-top:2em; cursor:pointer; padding:0px; }
#divArchiveResults .archivejob a { display:block; text-decoration:none; padding:5px; }
#divArchiveResults .archivejob a:hover { background-color:#e8e8e8; }
#divArchiveResults .inprogress { margin-bottom:0em; }

#divCourseDataResults .coursejob { margin-top:2em; cursor:pointer; padding:0px; }
#divCourseDataResults .coursejob a { display:block; text-decoration:none; padding:5px; }
#divCourseDataResults .coursejob a:hover { background-color:#e8e8e8; }
#divCourseDataResults .inprogress { margin-bottom:0em; }

.archiveWait { padding-top:5px; padding-bottom:5px; text-align:center; width:100%; }

.archive { margin-right:2em; margin-left:2em; margin-bottom:2em; border:solid 1px #999999; border-top-width:0px; }
.archive table { margin-top:10px; }
.archive table tr { border-top:solid 5px white; }
.archive table tr th { padding-bottom:2px; padding-top:2px; text-align:center; color:#FFFFFF; font-weight:bold; }
.archive table tr th { background-color:#002e62; }

.error { color:#f47838; font-weight:bold; }

/* File Upload (Uploadify) */
div#divFileUpload { max-width:440px; }
div#divFileUpload p { margin-bottom:1em; }
div#divFileUpload p strong { font-weight:bold; font-size:medium; color:#f47838; }
div#divFileUpload p span { font-size:smaller; }

.fileUploadQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	background-color: #F5F5F5;
	border: 3px solid #E5E5E5;
	margin-top: 5px;
	padding: 10px;
	width: 300px;
}
.fileUploadQueueItem .cancel {
	float: right;
}
.fileUploadProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.fileUploadProgressBar {
	background-color: #002e62;
}

/* Validation */
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }