﻿/*Assistive Technology Exchange Center*/
/*Orange:F1932F. Darker Orange:FD8E1F*/
/*lighter blue:C4D6E4. lightest blue:dae1e7. Text Blue:007EAC. */
/* Gray:efefef. */

body 
{	
	line-height: 140%;
	background-color: #FFFFFF;
	margin: 0px;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #000000;
	font-size: 0.8em;
}
a:active {
	color: #990000; /*New 990000. Old: 000066*/
	text-decoration: underline;
}
a:link {
	color: #005db3; /*New blue. Old: White*/
	text-decoration: underline;
}
a:visited {
	color: #6312a1; /*New 6312a1. Old white*/
	text-decoration: underline;
}
a:hover {
	color: #005db3; /*New 005db3. Old: 990000*/
	background-color: #dedede;
	text-decoration: underline;
}
A.black:active {
	COLOR: #000066
}
A.black:link {
	COLOR: black
}
A.black:visited {
	COLOR: #330099
}
A.black:hover {
	COLOR: #990000
}

a#active
{
	color: #ff8800;
}
.mainmenu {
	TEXT-TRANSFORM: uppercase
}
.bottommenu {
	TEXT-TRANSFORM: uppercase
}
.menudescription 
{
	width: 65%;
	color: #f1932f;
	font-size: 1.6em;
	font-weight: bold;
	margin-top: 8px;
}
IMG.noborder {
	BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px
}
H1 {
	Z-INDEX: 10; POSITION: absolute; PADDING-BOTTOM: 15px; BACKGROUND-COLOR: #fff; MARGIN-TOP: -40px; WIDTH: 65%; MARGIN-LEFT: -14px
}
.topbar {
	DISPLAY: none
}
.topblackbox {
	BACKGROUND-COLOR: #000000;
	padding-left: 0px;
	padding-right: 0px;
}
.logo 
{
	background-image: url('../images/logo.gif');
	WIDTH: 30%; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: 100% 0%; 
	FLOAT: left; 
	HEIGHT: 53px;
	margin-left: 0px;
	margin-right: 0px;
}
.altlogo {
	DISPLAY: none
}
.mainmenu 
{
	MARGIN: 0px 0px 0px 32%;
	padding: 0.8em 0em 0em 0.2em;
	WIDTH: 65%; 
	FONT-SIZE: 0.9em; 
}
.mainmenu UL {
	PADDING-BOTTOM: 0em; PADDING-LEFT: 0em; PADDING-RIGHT: 0em; PADDING-TOP: 0em
}
.mainmenu LI {
	POSITION: relative; MARGIN: 0em; PADDING-RIGHT: 1.9em; DISPLAY: inline; COLOR: #cccccc; FONT-WEIGHT: bold
}
.navmenu 
{
}
.globalmenuitem
{
}

.gradient {
	HEIGHT: 20px;
	CLEAR: both;
}
.leftcolumn {
	TEXT-ALIGN: right; FLOAT: left; COLOR: #007eac; FONT-WEIGHT: bold; WIDTH: 30%; 
}
.lefthr {
	border: medium none; 
	BACKGROUND-COLOR: #666666; 
	MARGIN-TOP: 1em; 
	WIDTH: 13em; 
	FLOAT: right; 
	HEIGHT: 2px; 
}
.homepagepadding {
	HEIGHT: 17em
}
.rightcolumn 
{
	PADDING-BOTTOM: 3em; 
	MARGIN: 0em 0em 0em 30%;
	padding: 0 1em 3em 1.5em;
	WIDTH: 65%; 
}
.maincontent 
{
	BACKGROUND-COLOR: #a4b9ca; 
	MARGIN-TOP: 10px; 
	padding: 1em 0em 1em 1em;
	margin-right: 0.7em;
	min-width: 630px;
}
.interiorlist {
	POSITION: relative; PADDING-BOTTOM: 1em; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 1em; PADDING-RIGHT: 1em; MARGIN-BOTTOM: 1em; PADDING-TOP: 1em; LEFT: -1em
}
HTML > BODY .row1 {
	WIDTH: 40%; FLOAT: left
}
HTML > BODY .row2 {
	MARGIN: 0em 0em 0em 45%; WIDTH: 40%
}
.bottommenu {
	TEXT-ALIGN: center; 
	PADDING-BOTTOM: 1em; 
	BACKGROUND-COLOR: #000000; 
	FONT-SIZE: 0.8em; 
	PADDING-TOP: 1em;
	margin-right: 0.7em;
}
.bottommenu UL {
	PADDING-BOTTOM: 0em; MARGIN: 0em; PADDING-LEFT: 0em; PADDING-RIGHT: 0em; PADDING-TOP: 0em
}
.bottommenu LI {
	MARGIN: 0em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; DISPLAY: inline; COLOR: #cccccc; FONT-WEIGHT: bold
}
.bottommenu A:active {
	COLOR: #cccccc; TEXT-DECORATION: none
}
.bottommenu A:link {
	COLOR: #cccccc; TEXT-DECORATION: none
}
.bottommenu A:visited {
	COLOR: #cccccc; TEXT-DECORATION: none
}
.bottommenu A:hover {
	COLOR: #ff8800; TEXT-DECORATION: none
}
.bottominfoleft {
	TEXT-ALIGN: right; LINE-HEIGHT: 140%; WIDTH: 8%; FLOAT: left; FONT-SIZE: 0.9em; PADDING-TOP: 0.5em
}
.bottominforight {
	LINE-HEIGHT: 120%; MARGIN: 0em 0em 0em 10%; WIDTH: 88%; FONT-SIZE: 0.9em; PADDING-TOP: 0.5em
}
.interiormenu {
	BACKGROUND-COLOR: #000000; 
	MARGIN-BOTTOM: 2em; COLOR: #ffffff; 
	MARGIN-LEFT: 1.6em; 
	border: 1px solid;
	PADDING-LEFT: 0em;
	PADDING-RIGHT: 1em;
	PADDING-TOP: 1.8em;
	padding-bottom: 1.7em;
}
.blankmenu 
{
	background-color: #FFFFFF;
	height: 200px;
}
.interiormenu UL {
	POSITION: relative; LIST-STYLE-TYPE: none; padding: 0px; margin: 0px;
}
.interiormenu LI {
	POSITION: relative; PADDING-BOTTOM: 0.5em
}
.interiormenuindicator {
	POSITION: absolute; WIDTH: 10px; HEIGHT: 10px; RIGHT: 10px
}
HTML > BODY .interiormenuindicator {
	RIGHT: -20px
}
.interiormenu A:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.interiormenu A:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.interiormenu A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.interiormenu A:hover {
	COLOR: #ff8800; TEXT-DECORATION: none
}
.hideme {
	POSITION: absolute; WIDTH: 1px; HEIGHT: 1px; OVERFLOW: hidden; TOP: -500px; LEFT: 0px
}
.noborder {
	BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none
}
H1 {
	COLOR: #f1932f; FONT-SIZE: 1.6em
}
H2 {
	MARGIN: 0em; FONT-SIZE: 1.4em
}
H3 {
	MARGIN: 0em; FONT-SIZE: 1.2em
}
P {
	MARGIN-TOP: 0.3em; MARGIN-BOTTOM: 1.4em
}
.blacktext {
	COLOR: #000000
}
.bold {
	FONT-WEIGHT: bold
}
.italic {
	FONT-STYLE: italic
}
.bolditalic {
	FONT-STYLE: italic; FONT-WEIGHT: bold
}
.underline {
	TEXT-DECORATION: underline
}
.globalmenu {
	BORDER-BOTTOM: #f93 1px solid; POSITION: absolute; BORDER-LEFT: #f93 1px solid; PADDING-BOTTOM: 2em; BACKGROUND-COLOR: black; PADDING-LEFT: 2em; WIDTH: 200px; PADDING-RIGHT: 2em; BORDER-TOP: #f93 1px solid; TOP: 0px; BORDER-RIGHT: #f93 1px solid; PADDING-TOP: 2em; LEFT: -9999em
}
.globalmenu A {
	DISPLAY: block
}
.mainmenu A:active {
	COLOR: #cccccc; TEXT-DECORATION: none
}
.mainmenu A:link {
	COLOR: #cccccc; TEXT-DECORATION: none
}
.mainmenu A:visited {
	COLOR: #cccccc; TEXT-DECORATION: none
}
.mainmenu A:hover {
	COLOR: #ff8800; TEXT-DECORATION: none
}

/*Social Media*/

#SocialMediaQuickLinks {
	background: #FFFFFF url('../images/socialmediabox.png') no-repeat 0 0;
	width: 294px;
	height: 54px;
	margin-left: 22px;
}

#SocialMediaQuickLinksPos {
	margin: 0;
	padding: 0;
	padding-top: 12px;
	padding-left: 20px;
}

.SocialMediaText {
	font-size: 10px;
	vertical-align: middle;
}

.SocialMediaIcon {
	vertical-align: middle;
}

.ImgNoBorder {
	border-width: 0px;
	border: 0;
}

/*------------------------*/
/*Loan Equipment Database*/
/*----------------------*/

.EquipSearchLine 
{
	font-weight: bold;
	margin-top: 10px;
}
.EquipListLine
{
	font-weight: bold;
	margin-top: 10px;	
}
.EquipmentList
{
	font-weight: normal;
	font-size: 90%;
}
.divnowrap
{
	display: inline;
	white-space: nowrap;	
}
.divrightside
{
	float: right;
}
.divleftside
{
	float: left;
}
.textwatermark
{
	background: #ddd;
	font-weight: lighter;	
	font-style: italic;
}

.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

/*Equipment Details Page*/

.EquipmentDetail
{
	padding-top: 0px;
	background-color: #C4D6E4;
	width: 97%;
	padding: 20px 0 20px 10px;
}
.EquipDetailPictureImage
{
	width: 200px;
	/*height: 150px;*/
	border: 1px #999 solid;	
}
.EquipDetailPicturediv
{
	float: right;
	margin: 40px 15px 5px 10px;
}

.EquipDetailItem{
    width: 100%;
    margin-bottom: 15px;
}

.EquipDetailSubtitle
{
	float: left;
	font-weight: bold;
    width: 25%;
}
.EquipDetailSubitem
{
    float: right;
    color: #000;
    width: 71%;
}

#divEquipDetail {
    
}

.EquipDetailItemTitle{
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 20px;
}

#divEquipDetailLeftCol{
    float: left;
    width: 60%;
}

#divEquipDetailRightCol{
    float: right;
    width: 40%;
}

.EquipDetailShowRequestInstructions{
    width: 375px;
    background-color: #efefef;
    padding: 10px;
    color: #FD8E1F;
    font-weight: bold;
    border: 1px solid #777;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	    
}

/*Equipment Search Results Page*/

.EquipSearchResultsText {
    color: #545454; 
    font: italic bold;
}

#EquipSearchResultList {
    background-color: #C4D6E4;
    width: 98%;
    min-width: 600px;
    /* height: 100px; */
    padding-top: 20px;
    padding-left: 3px;
    padding-bottom: 20px;
    line-height: normal;
}

#EquipSearchResultList a, #EquipSearchResultList a:link, #EquipSearchResultList a:visited, #EquipSearchResultList a:active {
    color: #000;
    font-weight: bold;
    font-size: 150%;
}

#EquipSearchResultList a:hover{
    color: #990000;
    font-weight: bold;
}

.EquipSearchResultListItemThumb {
    float: left; 
    width: 105px;
    padding-right: 5px;
}

.EquipSearchResultListItemDetails {
    float: left; 
    /*width: 80%;*/
    min-width: 450px;
}

.EquipSearchResultListItemDetail {
    margin-top: 5px;
}

.EquipSearchResultListItemLoanTypeTitle {
    float: left; 
    min-width: 100px;
    margin-top: 5px;
    font-weight: bold;
    /*border: 1px red solid;*/
}

.EquipSearchResultListItemLoanTypeValue {
    float: left;
    min-width: 325px;
    margin-top: 5px;
    /*border: 1px blue solid;*/
}

.EquipSearchResultListItemMnftrTitle {
    float: left; 
    min-width: 100px;
    margin-top: 5px;
    font-weight: bold;
}

.EquipSearchResultListItemMnftrValue {
    float: left;
    min-width: 325px;
    margin-top: 5px;
}

.smallbutton 
{
	font-size: 8pt;
}



























































/*Equipment Request List */

#EquipRequestList {
    background-color: #dadada;
    width: 145px !important; /*moz width*/
	width: 165px; /*IE width*/
    /*min-height: 100px;*/
    padding: 10px;
    text-align: center;
    border: 1px solid #777;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	    
}

#EquipRequestList h3 {
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-size: 1em;
    color: #007EAC;
    margin-bottom: 20px;
}

#EquipRequestList .text{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.8em;
    color: #000;
    margin-bottom: 20px;
}

#EquipRequestList .total{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-size: 20px;
    color: #F1932F;
}


/* Request List Summary*/

.RequestListSummary{
    width: 97%;
    min-width: 605px; 
    min-height: 300px;
    background-color: #C4D6E4; /*lighter blue*/
    padding: 5px;
}

.RequestListSummaryButton{
    float: left;
    min-width: 100px;
    height: 23px;
    background-color: #dae1e7; /*lightest blue*/
    padding: 5px;
}

.RequestListSummaryItemName{
    float: left;
    width: 97%;
    min-width: 490px;
    height: 22px;
    background-color: #dae1e7;
    padding: 5px;
}

.RequestListSummaryBottomButtons{
    width: 97%;
    min-width: 605px; 
    min-height: 60px;
    background-color: #C4D6E4;
    padding: 5px;
}

.RequestNotificationArea{
    width: 97%;
    min-width: 605px; 
    background-color: #C4D6E4; 
}

.RequestListNotification{
    color: #f00;
    font-weight: bold;
}

/*Request Form*/

.RequestForm {
	font-family: Arial, Helvetica, Sans-Serif;
	color: #000000;
	/*font-size: 10px;*/
	width: 96% !important; /*moz width*/
	width: 78%; /*IE width*/
	min-width: 590px;
	background-color: #C4D6E4; /*lighter blue*/
	padding: 10px; 
}

.RequestForm p {
    margin-top: 20px;
}


.RequestSubtitle
{
	font-weight: bold;
}

.RequestSubItem
{
	font-weight: normal;
	margin-bottom: 5px;
	margin-left: 0px;
}

.RequestSubItemIndented
{
	margin-bottom: 15px;
	margin-left: 30px;
}

.RequestEntryFieldLabel
{
	float: left;
	text-align: right;
	width: 27%;
	font-weight: normal;
	font-size: 8pt;
	margin-top: 5px;
}
.RequestEntryField
{
	width: 71%;
	float: left;
	margin-left: 1%;
	text-align: left;
	font-weight: normal;
	font-size: 8pt;
	margin-top: 5px;
}

.RequestEntryFieldComment
{
	width: 71%;
	float: left;
	text-align: left;
	font-weight: normal;
	font-size: 8pt;
	margin-top: 5px;
}


.divSpacer
{
	height: 15px;
	width: 100%;
	float: left;
}


.divEquipRequestUserControlLine
{
	margin-bottom: 5px;	
}

.required {
    font-weight: bold;
    font-style: italic;
    color: #f00;
}

.RequestConfirmation {
    font-family: Arial, Helvetica, Sans-Serif;
	color: #000000;
	/*font-size: 10px;*/
	width: 96% !important; /*moz width*/
	width: 78%; /*IE width*/
	min-width: 590px;
	background-color: #C4D6E4; /*lighter blue*/
	padding: 10px; 
}

.RequestConfirmation h3 {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 130%;
	color: #000000;
}

.EquipLoanBtn {
	display: block;
	margin: 0;
	padding: 0;
	width: 259px;
	height:79px;
	background: url(../images/equip_loan_database_btn.png) no-repeat 0 0;
}

.EquipLoanBtn:hover {
	margin: 0;
	padding: 0;
	background-position: 0 -79px;
	background-color: transparent;
}

.EquipLoanBtn span {
	display: none;
}