/* 
 This file was generated by Dashcode.  
 You may edit this file to customize your widget or web page 
 according to the license.txt file included in the project.
 */

body {
    margin: 0px;
    min-height: 356px;
    font-family: Helvetica;
    background-image: url(Images/backgroundStripes.png);
    background-repeat: repeat;
}

#content {
    position: relative;
    -webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
    background-color: rgb(208, 208, 204);
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: auto;
    min-height: 433px;
    height: auto;
}

#browser {
    position: relative;
    -webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
    margin-left: 0px;
    margin-right: 0px;
    width: auto;
    min-height: 112px;
    height: auto;
}

#header {
    position: relative;
    left: 0px;
    top: 0px;
    height: 44px;
    font-family: Helvetica;
    font-weight: bold;
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;
    font-size: 16pt;
    -webkit-border-image: url(Images/header.png) 0 1 0 1 stretch stretch;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: auto;
}

.button_template {
    font-family: Helvetica;
    font-weight: bold;
    font-size: 12px;
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px;
    -webkit-dashboard-region: dashboard-region(control rectangle);
    width: 70px;
    position: absolute;
    right: auto;
    bottom: auto;
    top: 7px;
    left: 5px;
}

#stackLayout {
    position: relative;
    left: 0px;
    top: 0px;
    width: auto;
    height: auto;
    overflow: hidden;
    z-index: 0;
}

#view1 {
    width: 100%;
    display: none;
    position: relative;
    min-height: 68px;
    height: auto;
}

#view2 {
    width: 100%;
    display: none;
    position: relative;
    min-height: 68px;
}

#button {
    left: 5px;
    top: 7px;
    right: 243px;
    width: auto;
    bottom: 7px;
    height: auto;
}

#box {
    border-color: rgb(172, 172, 172);
    border-style: solid;
    border-width: 1px;
    background-color: white;
    -webkit-border-top-right-radius: 8px 8px;
    -webkit-border-top-left-radius: 8px 8px;
    -webkit-border-bottom-left-radius: 8px 8px;
    -webkit-border-bottom-right-radius: 8px 8px;
    position: relative;
    -webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
    width: auto;
    min-height: 109px;
    height: auto;
    margin-right: 9px;
    margin-top: 0px;
    margin-left: 9px;
}

#text1 {
    color: black;
    font-family: Helvetica;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    -webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
    font-size: 11px;
    margin-top: 14px;
    width: auto;
    min-height: 46px;
    height: auto;
    margin-right: 23px;
    margin-left: 104px;
}

#img {
    width: 0px;
    height: 0px;
    position: relative;
    display: block;
    -webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
    margin-left: 281px;
}

#img1 {
    width: 80px;
    height: 40px;
    display: block;
    -webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
    position: absolute;
    right: auto;
    bottom: auto;
    margin-top: 0px;
    opacity: 1;
    top: 14px;
    left: 10px;
}

#text2 {
    color: black;
    font-family: Helvetica;
    font-size: 17px;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    margin-top: 0px;
    left: 15px;
    top: 19px;
    right: 176px;
    width: auto;
    height: auto;
}

#text3 {
    color: black;
    font-family: Helvetica;
    font-size: 17px;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    margin-top: 0px;
    right: 167px;
    width: 109px;
    left: 15px;
    min-height: 21px;
    top: 69px;
    bottom: 19px;
    height: auto;
}

#button1 {
    font-family: Helvetica;
    font-weight: bold;
    color: rgb(255, 255, 255);
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-dashboard-region: dashboard-region(control rectangle);
    position: relative;
    -webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
    width: 302px;
    height: 41px;
    font-size: 21px;
    margin-left: 9px;
    margin-top: 13px;
}

#checkboxbutton {
    font-family: HelveticaNeue;
    font-size: 10pt;
    position: relative;
    -webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
    width: 232px;
    margin-left: 18px;
    opacity: 1;
    margin-top: 5px;
}

#text4 {
    position: absolute;
    top: 2px;
    text-align: left;
    vertical-align: middle;
    left: 29px;
    right: -62px;
    width: auto;
    bottom: 2px;
    height: auto;
}

#password {
    color: black;
    font-family: HelveticaNeue;
    font-size: 10pt;
    -webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
    display: block;
    width: 145px;
    position: absolute;
    right: auto;
    bottom: auto;
    margin-top: 0px;
    left: 134px;
    top: 69px;
}

#sfuid {
    color: black;
    font-family: HelveticaNeue;
    font-size: 10pt;
    -webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
    display: block;
    width: 145px;
    position: absolute;
    right: auto;
    bottom: auto;
    margin-top: 0px;
    left: 134px;
    top: 19px;
}

#text5 {
    font-family: Helvetica;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    -webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
    margin-left: 28px;
    color: rgb(203, 0, 0);
    margin-right: 28px;
    margin-top: 8px;
    width: auto;
    min-height: 88px;
    height: auto;
    font-weight: bold;
    font-size: 9pt;
}
/* masthead area */
#header
	{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 0 0 0px;
	border-left: solid 25px #a43e31;
	background-color: #6e6d64;
	background-repeat: no-repeat;
	background-position: top right;
	width: 980px;
	height: 76px;
	overflow: hidden;
	float: left;
	}

/* shrink for printable version, and remove border */
@media print
	{
	#header {width: 600; height: 20px; border-left: 0;}
	}

#banner_left
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 490px;
	height: 76px;
	background-image: url(/WebObjects/cas.woa/Contents/WebServerResources/images/banner_left.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}

/* for printer-friendly version, remove background image (which probably wouldn't print anyway) and reduce height} */
@media print
	{
	#banner_left {height: 20px; background-image: none;}
	}

/* Note by John Dobson: these next two styles combine to create an invisible link underlying the background image; this technique was recommended at http://www.experts-exchange.com/Web/Web_Languages/HTML/Q_21554271.html as a replacement for using the HTML image tag with the usemap attribute. The link tag must be displayed as a block, but the text inside it can be hidden using a span tag inside it. */

#banner_left a
	{
	position: absolute;
	display: block;
	left: 65px;
	top: 5px;
	width: 310px;
	height: 76px;
	}

/* for printer-friendly version, hide the dummy link */
@media print
	{
	#banner_left a {display: none;}
	}

#banner_left a span
	{
	display: none;
	}

#revealOnPrint
	{
	display: none;
	}

/* Reveal the words "Simon Fraser University Library" for printable version */
@media print
	{
	#revealOnPrint {display: inline; font-size: 1.4em;}
	}

#banner_right
	{
	position: absolute;
	margin-left: 576px;
	width: 379px;
	height: 76px;
	background-image: url(/WebObjects/cas.woa/Contents/WebServerResources/images/banner_right.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}

/* hide for printable version */
@media print
	{
	#banner_right {display: none;}
	}

#topLinks
	{
	position: absolute;
	top: 70px;
	right: 0;
	left: 0;
	margin: 0 0 0 0px;
	background-color: #B5111A;
	padding-left: 40px;
	border-left: solid 25px #cb5a60;
	width: 915px;
	z-index: 2000;
	}