/* iPAC 2.0 CSS Document */
/*=======================*/

/*Start of Overall Styles*/
body {
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	font-size: 90%;
	background: #cccccc;
}

p, h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color: 000;
}
a{
	font-size:100%;
}
a:hover{
	color: red;
	font-size:100%;
}
h1{
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	padding: 5px 0;
}
h2{
	font-size: 125%;
	font-weight: bold;
	font-style: italic;
}
h3{
	padding: 5px 0;
	line-height: 20px;
	font-size: 100%;
	font-weight: bold;
}
body.AWC h3{
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}
h4{
	font-size: 100%;
	color: green;
}
h5{
	font-size: 75%;
	font-weight: lighter;
}
h6{
	padding: 5px 0;
	font-size: 100%;
	color: red;
}
h7{
	font-size: 100%;
	font-weight: bold;
	color: white;
}
h8{
	color: red;
	font-size: 125%;
	font-weight: bold;
	font-style: italic;
}
input[type=text], textarea{
	border: 1px solid;
	border-color: #a0abc7 #0a1f62 #0a1f62 #a0abc7;
	background: #d9dcec;
}
#redtxt{
	color: red;
}
#greentxt{
	color: green;
}

#AllignRt{
	text-align: right;
}
#AllignCtr{
	text-align: center;
}
#input{
	padding: 3px;
	margin: 3px;
}

.style1 input[type="text"]{
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid grey;
	border-top: 1px solid grey;
	padding: 3px;
	margin: 0px;
}
input[type="checkbox"]{
	margin: 0 5px;
}
#input.btn{
	color: #FFFFFF;
	backround:
}
td{
padding: 0 5px;
}
.Rt{
	text-align: right;
}
.Lft{
	text-align: left;
}
.txtcenter{
	text-align: center;
}
.middle{
	align: center;
	vertical-align: center;
}
.topcenter{
	vertical-align: top;
	text-align: center;
}
.tdTopRt{
	vertical-align: top;
	text-align: right;
}
.tdTopLft{
	vertical-align: top;
	text-align: left;
}
.tdTopLftborder{
	vertical-align: top;
	text-align: left;
	border: 1px solid #0A1F62;
}
.center{
	align: center;
	text-align: center;
}
.txtcenter{
	text-align: center;
}
.border{
	border: 5px solid #0A1F62;
}
fieldset {
	border: 2px solid #0A1F62;
	border-right: 3px solid #0A1F62;
	border-bottom: 3px solid #0A1F62;
}
fieldset legend{
	line-height: 20px;
	background-color: white;
	border: 2px solid #0A1F62;
	border-right: 3px solid #0A1F62;
	border-bottom: 3px solid #0A1F62;
	padding: 2px 5px;
	font-weight: bold;
	font-size: 110%;
}
.Red{
	color: red;
	line-height: 20px;
	background-color: white;
	border: 2px solid red;
	border-right: 3px solid red;
	border-bottom: 3px solid red;
	padding: 2px 5px;
	font-weight: bold;
	font-size: 110%;
}
.Green{
	color: green;
	line-height: 20px;
	background-color: white;
	border: 2px solid green;
	border-right: 3px solid green;
	border-bottom: 3px solid green;
	padding: 2px 5px;
	font-weight: bold;
	font-size: 110%;
}
.Yellow{
	color: black;
	line-height: 20px;
	background-color: yellow;
	border: 2px solid black;
	border-right:3px solid black;
	border-bottom: 3px solid black;
	padding: 2px 5px;
	font-weight: bold;
	font-size: 110%;
}
.Blue{
	color: blue;
	line-height: 20px;
	background-color: white;
	border: 2px solid blue;
	border-right: 3px solid blue;
	border-bottom: 3px solid blue;
	padding: 2px 5px;
	font-weight: bold;
	font-size: 110%;
}
.Orange{
	color: orange;
	line-height: 20px;
	background-color: white;
	border: 2px solid orange;
	border-right: 3px solid orange;
	border-bottom: 3px solid orange;
	padding: 2px 5px;
	font-weight: bold;
	font-size: 110%;
}
.messageYellow{
	line-height: 20px;
	text-align: center;
	font-size: 125%;
	font-weight: bold;
	color: #000000;
	background-color:#FFFF00;
	border: 3px solid black;
}
.messageRed{
	line-height: 20px;
	text-align: center;
	font-size: 125%;
	font-weight: bold;
	color: red;
	background-color: white;
	border: 3px solid red;
}
.messageGreen{
	line-height: 20px;
	text-align: center;
	font-size: 125%;
	font-weight: bold;
	color: green;
	background-color: #FFFFFF;
	border: 3px solid green;
}
.messageBlue{
	line-height: 20px;
	text-align: center;
	font-size: 125%;
	font-weight: bold;
	color: blue;
	background-color: white;
	border: 3px solid blue;
}
.messageOrange{
	line-height: 20px;
	text-align: center;
	font-size: 125%;
	font-weight: bold;
	color: orange;
	background-color: white;
	border: 3px solid orange;
}

.InnerTable{
	margin:auto;
	margin-top:5px;
	margin-bottom:10px;
	border: 2px solid #0053a0;
	padding:0;
	background-color:#00195d;
}
.BlueBG{
	background: url(images/BG-gradTop.gif) repeat-x bottom;
	height:35px;
	color:white;
	font-weight:bold;
	font-size: 14px;
	padding:0;
}
/*Positioning*/
.PadLeft10px{
	padding-left: 3%;
}
.Clear{
	clear:both;
}

#ArrowLink ul {
	font-size: 115%;
	list-style-type: none; 
	padding: 10px 8px 10px 8px; 
	margin-left: 0px;
}
#ArrowLink li{
	margin-left:5px;
	padding-left:30px;
	text-indent:-30px;
	padding-bottom: 10px;
}
#ArrowLink li a{
	background: url(images/BulletBlue.gif) no-repeat 0 9px;
	padding: 5px 0 5px 15px;
	line-height: 25px;
	color: #0A1F62;
	width: 150px;
}

#ArrowLink li a:hover{
	background: url(images/BulletRed.gif) no-repeat 0 9px;
	padding-left: 15px;
	color: red;
}



/*Start of Overall Styles*/
/*=======================*/

#Container{
	background: url(images/BG_Main.gif) repeat;
}
.BG_Left{
	background: url(images/BG_Notepad_Left.jpg) repeat-y top left;
	margin:0;
	padding:0;
}
.BG_Right{
	background: url(images/BG_Notepad_Right.jpg) repeat-y top right;
	margin:0;
	padding:0;
}
/*Start of Header Area (Logo and Top Navigation)*/

#header{
	height: 107px;
	background: url(images/BG_Top.jpg) repeat-x;
	margin:0;
	padding:0;
}

#logo{
	height: 107px;
	background: url(images/BG_TopRt.jpg) no-repeat top right;
	margin:0;
	padding:0;
}

#logo a{
	position: absolute;
	top: 0;
	left: 0px;
	width: 158px;
	height: 107px;
	text-indent: -9999px;
	text-decoration: none;
	border: none;
	background: url(images/Logo.jpg) no-repeat top left;
}
/*Start of Top Navigation*/
#TopNav{
	font-size:110%;
	margin: -28px 25px 0 0;
	padding: 0;
	list-style: none;
	float: right;
	display: inline;
	overflow: hidden;
}
#TopNav li{
	float: left;
	border-top: none;
	border-right: 1px solid black;
	margin: 0;
	padding: 0;
	display: inline;
}
#TopNav li.last{
	float: left;
	display: inline;
	border: none;
}
#TopNav a{
	color: #0a1f62;
	border: none;
	position: relative;
	display: block;
	padding: 0px 8px;
	text-decoration: none;
	text-align: center;
	font-size: 70%;
	overflow: hidden;
}
#TopNav a:hover{
	color: red;
}


/*End of Top Navigation*/

#SchoolName{
	position: absolute;
	top: 25px;
	left: 145px;
	margin-right: 50px;
	padding: 10px 0;
	color: #2749a0;
	font-size: 175%;
	font-weight: bold;
}
/*End of Header Area (Logo and Top Navigation)*/
/*=======================*/
/*Start of Tabs*/

#Tabs{
	position: relative;
	margin-top: 0;
	padding-left: 0;
	margin-right: 12px;
	list-style: none;
	float: right;
	display: inline;
	overflow: hidden;
}

#Tabs li{
	float: left;
	padding: 0;
	display: inline;
}
#Tabs a{
	font-size: 75%;
	font-weight: bolder;
	border: none;
	position: relative;
	display: block;
	height: 26px;
}
.BookbagTab{
	font-size: 75%;
	background: url(images/Tab_Bookbag.jpg) no-repeat;
	text-indent:75px;
	color: white;
	text-decoration: none;
	padding-top: 5px;
	width: 100px;
}
.BookbagTab:hover{
	font-size: 75%;
	background: url(images/Tab_Bookbag.jpg) no-repeat;
	text-indent:75px;
	color: white;
	text-decoration: none;
	padding-top: 5px;
}
.BookbagTabWAS{
	font-size: 75%;
	background: url(images/Tab_BookbagWAS.jpg) no-repeat;
	text-indent:75px;
	color: white;
	text-decoration: none;
	padding-top: 5px;
	width: 124px;
}
.GreyTab{
	background: url(images/Btn_TabTop01.jpg) no-repeat;
}
.GreyTab:hover{
	background: url(images/Btn_TabTop02.jpg) no-repeat;
}
.GreyTab{
	background: url(images/Btn_TabTop01.jpg) no-repeat;
}
.GreyTab:hover{
	background: url(images/Btn_TabTop02.jpg) no-repeat;
}
.BlueTab{
	background: url(images/Btn_TabBlue01.jpg) no-repeat;
}
.BlueTab:hover{
	background: url(images/Btn_TabBlue02.jpg) no-repeat;
}
INV.GreenTab{
	background: url(images/Btn_TabGreen01.jpg) no-repeat;
}
INV.GreenTab:hover{
	background: url(images/Btn_TabGreen02.jpg) no-repeat;
}
INV.RedTab{
	background: url(images/Btn_TabRed02.jpg) no-repeat;
}
INV.RedTab:hover{
	background: url(images/Btn_TabRed02.jpg) no-repeat;
}
/*End of Tabs*/
/*=============*/
/*Start of AWCTabs*/

#AWCTabs{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 22px;
	padding-left: 0px;
	list-style: none;
	float: left;
	line-height: 12px;
	display: inline;
	overflow: hidden;
}

#AWCTabs li{
	float: left;
	padding: 0;
	display: inline;
	padding: 0;
}
#AWCTabs a{
	color: white;
	font-size: 65%;
	border: none;
	position: relative;
	display: block;
	padding: 0;
	height: 30px;
	width: 109px;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
}


.GreyTab{
	background: url(images/Btn_TabGrey01.gif) no-repeat;
}
.GreyTab:Hover{
	background: url(images/Btn_TabGrey01.gif) no-repeat;
}

.BlueTabLft{
	background: url(images/Btn_TabBlue01.gif) no-repeat;
}
.BlueTabLft:hover{
	background: url(images/Btn_TabBlue01.gif) no-repeat;
}

/*End of AWCTabs*/
/*--------------*/
/*Start of Left Navigation*/

#LeftNav{
	margin-top: -15px;
	float: left;
	padding-left: 30px;
}
#LeftNav ul {
	list-style-type: none; 
	padding: 15px 0; 
	margin-left: 0; 
}
#LeftNav li{
	padding-bottom:5px;
}



/*End of Left Navigation*/
/*======================*/
/*Start of Bottom Navigation*/
#BG_Footer{
	background: url(images/BG_Footer.jpg) repeat-x;
	margin:0;
	margin-top: -15px;
	padding:0;
	height: 59px;
	clear: both;
}
.BG_Footer_Left{
	background: url(images/BG_Footer_Left.jpg) no-repeat top left;
	margin:0;
	padding:0;
	height: 59px;
}
.BG_Footer_Right{
	background: url(images/BG_Footer_Right.jpg) no-repeat top right;
	margin:0;
	padding:0;
	height: 59px;
}
INV#BtmNavBar{
	margin-top: -15px;
	height: 30px;
	background: url(images/Btn_Bar01.jpg) repeat-x;
	clear: both;
}

#BtmNav{
	margin-top: 10px;
	font-size:110%;
	float: right;
	padding: 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	float: left;
}
#BtmNav li{
	float: left;
	display: inline;
	border-right: 1px solid black;
}
#BtmNav li.last{
	float: left;
	display: inline;
	border: none;
}
	
#BtmNav a{
	margin: 0;
	padding: 0 10px;
	color: #0A1F62;
	text-decoration: none;
	font-size: 70%;
	overflow: hidden;
}
#BtmNav li a:hover{
	color: red;
}
/*End of Bottom Navigation*/
/*========================*/
/*Start of Content*/
body.main #content{
	margin-left: 200px;
	margin-bottom: 0;
	text-align: center;
	padding: 3em 10px 3 em 15px;
}
#content{
	margin: 20px 5px 0px 5px;
	padding: 2em 10px 3em 15px;
	color: #0A1F62;
	font-size: 85%;
}
#maintable{
	margin: auto;
}
#maintable tr td{
	padding: 3px;
}

/*Start of Content Buttons*/

#BlueBtn{
	font-weight: bolder;
	padding: 10px 13px;
}
#BlueBtn a{
	text-align: center;
	padding: 5px 20px;
	font-size: 97%;
	text-decoration: none;
	height: 30px;
	border: 1px solid black;
	background: url(images/Btn_BlueShade.gif) repeat-x;
	color: #FFFFFF;
}
#BlueBtn a:hover{
	color: #000000;
	background: url(images/Btn_BlueShade_Hov.gif) repeat-x;
}
#RedBtn{
	font-weight: bolder;
	padding: 10px 13px;
}
#RedBtn a{
	text-align: center;
	padding: 5px 20px;
	font-size: 97%;
	text-decoration: none;
	height: 30px;
	border: 1px solid black;
	background: url(images/Btn_RedShade.gif) repeat-x;
	color: #FFFFFF;
}
#RedBtn a:hover{
	color: #000000;
	background: url(images/Btn_RedShade_Hov.gif) repeat-x;
}
#GreyBtn{
	font-weight: bolder;
	padding: 10px 13px;;
}
#GreyBtn a{
	text-align: center;
	color: #000000;
	padding: 5px 20px;
	font-size: 97%;
	height: 30px;
	background: url(images/Btn_GreyShade.gif) repeat-x;
	border: 1px solid black;
	text-decoration: none;
}

/*End of Content Buttons*/


/*End of Main Content Area*/
/*========================*/
/*Start of Footer*/
#footer{
	clear: both;
	padding: 5px;
	text-align: center;
	font-size: 80%;
	font-weight: lighter;
	color: #0A1F62;
}
#footer a{
	font-size: 100%;
	color: #0A1F62;
}
/*End of Footer*/
/*Start of Data Tables*/
#DataTable{
	font-size: 100%;
	background-color: #0A1F62;
	padding: 0;
	margin: auto;
	margin-top: 0px;
}
#DataTable h6{
	color: red;
	font-weight: normal;
}
.whiteBG{
	background-color: #FFFFFF;
	padding: 5px;
}
.LtBlueBG{
	background-color: #d9dcec;
	padding: 5px;
}
.LtBlueBGBldTxt{
	font-weight: bold;
	background-color: #d9dcec;
	padding: 5px;
}
.LtBlueBGRdTxt{
	color: red;
	background-color: #d9dcec;
	padding: 5px;
}
.DrkBlueBG{
	background-color: #f8f7f4;
	padding: 5px;
}
.whiteText{
	color: #FFFFFF;
	font-size: 125%;
	font-weight: bold;
	background-color: #0A1f62;
}
.whiteTextReg{
	color: #FFFFFF;
	font-weight: bold;
	background-color: #0A1f62;
}
.TableTabs{
	margin: 0;
	line-height: 20px;
	background-color: #CCCCCC;
}
.DrkBlueBGBldTxt{
	background-color: #f8f7f4;
	padding: 5px;
	font-weight: bold;
	color: #2749A0;
}
.DrkBlueBGRdTxt{
	background-color: #f8f7f4;
	padding: 5px;
	color: red;
}
.GradTitleBG{
	background: url(images/grad.png) repeat-x bottom;
	background-color: white;
}
#DataTableTabs{
	font-size: 90%;
	float: left;
	font-weight: bolder;
	background-color: white;
}
#DataTableTabs ul{
	margin: 0;
	list-style: none;
}
#DataTableTabs li{
	display: inline;
	margin: 0;
	padding: 0;
}
#DataTableTabs a{
	float: left;
	background: url(images/TableTabCrnr2_Left.gif) no-repeat left top;
	line-height:20px;
	margin: 0;
	padding: 0 0 0 6px;
	text-decoration: none;
}
#DataTableTabs a span{
	display: block;
	background: url(images/TableTabCrnr2_Rt.gif) no-repeat right top;
	font-weight: bold;
	padding: 0 15px 0 10px;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #2749A0;
}
#DataTableTabs a:Hover{
	float: left;
	background: url(images/TableTabCrnr3_Left.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 6px;
	text-decoration: none;
}
#DataTableTabs a:Hover span{
	display: block;
	background: url(images/TableTabCrnr3_Rt.gif) no-repeat right top;
	font-weight: bold;
	padding: 0 15px 0 10px;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #0066d5;
	margin-bottom:0;
	padding-bottom:0;
}

#DataTableTabs a.active{
	float: left;
	background: url(images/TableTabCrnr_Left.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 6px;
	text-decoration: none;
}
#DataTableTabs a.active span{
	display: block;
	background: url(images/TableTabCrnr_Rt.gif) no-repeat right top;
	font-weight: bold;
	padding: 0 15px 0 10px;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #0A1F62;
}

/*End of Data Tables*/

/*Start of QuickSearch*/
#QuickSearch{
	position: absolute;
	top: 15px;
	right: 20px;
	height:10px;
	padding: 0;
	margin: 0;
}
#QuickSearch input[type=text] {
  background: #CCCCCC;
}
.QS{
	vertical-align:bottom;
}
/*End of Quick Search*/
/*Details View Book display*/
#BookDisplay{
	padding:0;
	margin: auto;
}
#BookDisplay tr td{
	padding:0;
	vertical-align:bottom;
}
/*End of Deatial view Book Display*/

/*MyProfile Page*/
#ClientCard{
	background: url(images/BG_ClientCard.jpg);
	height: 225px;
	width: 410px;
	color: white;
}

.MPrenewals{
	width:86px;
	height:110px;
	background: url(images/BG-Btn-MP-Renwl.gif) no-repeat top center;
}
.MPrenewals:hover{
	width:86px;
	height:110px;
	background: url(images/BG-Btn-MP-Renwl-Over.gif) no-repeat top center;
}
.MPhistory{
	width:86px;
	height:110px;
	background: url(images/BG-Btn-MP-MyHist.gif) no-repeat top center;
}
.MPhistory:hover{
	width:86px;
	height:110px;
	background: url(images/BG-Btn-MP-MyHist-Over.gif) no-repeat top center;
}

.MPreserves{
	width:86px;
	height:110px;
	background: url(images/BG-Btn-MP-Rsrv.gif) no-repeat top center;
}
.MPreserves:hover{
	width:86px;
	height:110px;
	background: url(images/BG-Btn-MP-Rsrv-Over.gif) no-repeat top center;
}
.MPbookbag{
	width:86px;
	height:110px;
	background: url(images/BG-Btn-MP-ViewBB.gif) no-repeat top center;
}
.MPbookbag:hover{
	width:86px;
	height:110px;
	background: url(images/BG-Btn-MP-ViewBB-Over.gif) no-repeat top center;
}
.MPsendBookbag{
	width:86px;
	height:110px;
	background: url(images/BG-Btn-MP-SendBB.gif) no-repeat top center;
}
.MPsendBookbag:hover{
	width:86px;
	height:110px;
	background: url(images/BG-Btn-MP-SendBB-Over.gif) no-repeat top center;
}
.MPinventory{
	width:86px;
	height:110px;
	background: url(images/BG-Btn-MP-Inv.gif) no-repeat top center;
}
.MPinventory:hover{
	width:86px;
	height:110px;
	background: url(images/BG-Btn-MP-Inv-Over.gif) no-repeat top center;
}
.MPadvBookings{
	width:86px;
	height:110px;
	background: url(images/BG-Btn-MP-AdvBook.gif) no-repeat top center;
}
.MPadvBookings:hover{
	width:86px;
	height:110px;
	background: url(images/BG-Btn-MP-AdvBook-Over.gif) no-repeat top center;
}
.MPclient{
	width:86px;
	height:110px;
	background: url(images/BG-Btn-MP-ClMan.gif) no-repeat top center;
}
.MPclient:hover{
	width:86px;
	height:110px;
	background: url(images/BG-Btn-MP-ClMan-Over.gif) no-repeat top center;
}
.MPcirc{
	width:86px;
	height:110px;
	background: url(images/BG-Btn-MP-Circ.gif) no-repeat top center;
}
.MPcirc:hover{
	width:86px;
	height:110px;
	background: url(images/BG-Btn-MP-Circ-Over.gif) no-repeat top center;
}
.MPadvCirc{
	width:86px;
	height:110px;
	background: url(images/BG-Btn-MP-AdvCirc.gif) no-repeat top center;
}
.MPadvCirc:hover{
	width:86px;
	height:110px;
	background: url(images/BG-Btn-MP-AdvCirc-Over.gif) no-repeat top center;
}
#MPbuttons{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	display: inline;
	overflow: hidden;
	width:365px;
}
#MPbuttons ul{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	display: inline;
	overflow: hidden;
}
#MPbuttons li{
	float: left;
	height: 110px;
	width: 86px;
	margin: 0;
	padding: 0;
	display: inline;
	text-align:center;
	padding: 0;
}

#MPbuttons a{
	color: #0a1f62;
	font-weight: bold;
	border: none;
	position: relative;
	display:block;
	overflow: hidden;
	padding: 80px 0 0 0;
	text-decoration: none;
	text-align: center;
	font-size: 11px;
}
#MPbuttons a:hover{
	color: #2749a0;
	text-decoration: underline;
}

.hilite1 { background-color: #FFCC66; }
.hilite2 { background-color: #CCFF99; }
.hilite3 { background-color: #fbfb88; }
.hilite4 { background-color: #99CCFF; }
.hilite5 { background-color: #98ebeb; }
.hilite6 { background-color: #66CC00; }