﻿/*----------------------------*/
/*----------------------------*/
/*                            */
/*        UTENN CSS           */
/* last updated March 9, 2010 */
/*                            */
/*                            */
/*----------------------------*/
/*----------------------------*/
/*----------------------------*/

body
{
				font-family: Arial;
				margin: 0px;
				background-color: #16549d;
}

a:link, a:visited 
{
color:#ED7A00;
}

.mainbody
{
				width: 900px; /*height: 100%;*/
				background-color: #404040;
}

.mainheader
{
				width: 100%;
				background-color: #ffffff;
}

.mainheader h3
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 22px;
				font-weight: bold;
				color: #748699;
				margin-bottom: 8px;
				margin-top: 0px;
}

.maincontent
{
				width: 100%;
				height: 100%;
				min-height: 200px;
				background-color: #ffffff;
}

.facultyWrapper
{
				margin: 0 auto;
				text-align: center;
				width: 1000px;
}

.Facultymainbody
{
				margin: 0 auto;
				text-align: center;
}

.Facultyleftside
{
				width: 200px;
}

.adoptByIsbnTable
{
				padding: 5px;
}

#goToShipping
{
	text-align: right;
}

.HomeHeaderLink
{
				background-color: #d3d3d3;
				font-family: Verdana;
				font-size: 1.2em;
				font-weight: bold;
				padding: 4px;
}

.DisplayNone
{
				display: none;
}

.tablevalign td
{
				vertical-align: top;
}

.TopBar
{
				background-image: url(images/topbar.png);
				border: solid 1px #16549d;
				border-left: none;
				border-right: none;
				color: #352854;
}
a.topBarText
{
				font-size: 16px;
				padding-left: 10px;
				padding-right: 10px;
}
.topBarText
{
				font-size: 16px;
				padding-left: 10px;
				padding-right: 10px;
}

.BigTextBox
{
				height: 27px;
				font-size: 1.6em;
				font-weight: bold;
}

.bigbox
{
				height: 30px;
				font-size: 25px;
}
.orderhistorybg
{
				background-color: #404040;
}
.textboxinput
{
				font: 10pt verdana;
				border-style: solid;
				border-color: black;
				border-width: 1px;
}
.sidestuff
{
				background-color: #808080;
				font-family: Arial;
				border-right: Solid 1px white;
				margin-left: 5px;
				text-align: left;
}
.FileUploadSteps
{
				border-bottom: solid 1px black;
				font-weight: bold;
				font-size: 15px;
}
.whiteborder
{
				border-style: solid;
				border-color: white;
				border-width: 1px;
}
.fullheight
{
				/*height: 100%;*/
}
.validatorCalloutHighlight
{
				background-color:  #FFFACD ;
}
/*Popup Control*/
.popupControl
{
				background-color: White;
				position: absolute;
				visibility: hidden;
}
/*Reorder List*/
.dragHandle
{
				width: 10px;
				height: 15px;
				background-color: Blue;
				background-image: url(images/bg-menu-main.png);
				cursor: move;
				border: outset thin white;
}

.callbackStyle
{
				border: thin blue inset;
}

.callbackStyle table
{
				background-color: #5377A9;
				color: Black;
}


.reorderListDemo li
{
				list-style: none;
				margin: 2px;
				background-image: url(images/bg_nav.gif);
				background-repeat: repeat-x;
				color: #FFF;
}

.reorderListDemo li a
{
				color: #FFF !important;
				font-weight: bold;
}

.reorderCue
{
				border: dashed thin black;
				width: 100%;
				height: 25px;
}

.itemArea
{
				margin-left: 15px;
				font-family: Arial, Verdana, sans-serif;
				font-size: 1em;
				text-align: left;
}


/*groupbox deal*/

/*form {
								background-color: #c8c0a8;
								color: black;
								font: 90% "Arial Narrow", Arial, sans-serif;

								padding: 1em;
				}*/

.formrow
{
				/*position: relative;*/
				height: 12em;
}

.setl, .setr
{
				width: auto;
				margin: 0em;
				padding: 0em; /*position: absolute;*/
				top: 0;
}
.setl
{
				/*left: 0;                  padding:1px 1px 1px 1px;*/
}


fieldset
{
				width: auto;
}

legend
{
				background-color: Transparent;
				font-size: 14px;
}

/*.input {
								margin: 1em;
								padding: .5em;
				}
				
				label {
								padding: 0.5em;

				}*/


/*Accordion*/
.accordionLink
{
				color: White;
				font-family: Verdana;
				text-align: left;
}

.accordionHeader
{
				border: 1px solid #2F4F4F;
				color: white;
				background-color: #2E4d7B;
				font-family: Arial, Sans-Serif;
				font-size: 12px;
				font-weight: bold;
				padding: 5px;
				margin-top: 5px;
				cursor: pointer;
}

#master_content .accordionHeader a
{
				color: #FFFFFF;
				background: none;
				text-decoration: none;
}

#master_content .accordionHeader a:hover
{
				background: none;
				text-decoration: underline;
}

.accordionContent
{
				background-color: #d3d3d3;
				border: 2px solid #000000;
				border-top: none;
				padding: 5px;
				padding-top: 10px;
}

/*Modal Popup*/
.modalBackground
{
				background-color: #d3d3d3;
				filter: alpha(opacity=70);
				opacity: 0.7;
}

.modalErrorBackground
{
				background-color: white;
				filter: alpha(opacity=70);
				opacity: 0.7;
}
.modalOKButton
{
				background-color: #44A241;
				color: White;
				font-weight: bold;
}
.modalOKButtons
{
				background-color: #44A241;
				color: White;
				font-weight: bold;
				border: 1px solid #FFFFFF;
}
.TextBookSearchGoButton
{
				background-color: #D4D0C8;
				color: Black;
				font-weight: bold;
				height: 19px;
				border: 1px solid #000000;
}
.CheckoutButtons
{
				background-color: #EDEBEB;
				color: Black;
				font-weight: bold;
				border: 1px solid #000000;
}
.ErrorMessage
{
				color: Red;
				font-size: x-large;
}
.FlatCSSButton
{
				background-color: #EDEBEB;
				color: Black;
				border: 1px solid #000000;
				height: 19px;
}
.FlatCSSButton2
{
				background-color: Transparent;
		background-image: url("images/booksearch.png");
				background-repeat: no-repeat;
				border: none;
				height: 50px;
				width: 304px;
}

.FlatCSSButtonAdded
{
				background-color: #FFFFC0;
				color: Black;
				border: 1px solid #000000;
				height: 19px;
}
.modalPopup
{
				background-color: Transparent;
				border-style: hidden;
				padding: 3px;
}
.modalsBackground
{
				background-color: #9EBEF5;
				color: Black;
				font-weight: bold;
				text-align: left;
				padding: 10px;
}
.modalsErrorBackground
{
				background-color: #FBEA99;
				color: #BD2A1B;
				font-weight: bold;
				text-align: left;
				padding: 10px;
}
.modalPolicyBackground
{
				background-color: #9EBEF5;
}
.modalPopups
{
				background-color: Transparent;
				border-style: hidden;
}
.modalPopupPolicyEdit
{
				background-color: Transparent;
				border-style: hidden;
}
.cartitemsalignright
{
				text-align: right;
				border-color: Red;
				border-style: solid;
				border-width: 1px;
}
.PaymentBox
{
				text-align: right;
				border-color: Red;
				border-style: solid;
				border-width: 1px;
}
.Boxes
{
				text-align: right;
				border-color: black;
				border-style: solid;
				border-width: 1px;
}
.cartsteps
{
				text-align: left;
				border-color: black;
				border-style: solid;
				border-width: 1px;
}
.setzindex
{
				z-index: 0;
}

.alignright
{
				text-align: right;
}
.CheckoutInfoHeader
{
				font-size: 18px;
				font-weight: bold;
				margin-top: 5px;
				margin-bottom: 5px;
}
.CheckoutInfoText
{
				text-align: left;
}
.CheckoutProgress
{
				font-size: 18px;
				font-weight: bold;
				margin-bottom: 5px;
}
.alignleft
{
				text-align: left;
				color: #012261;
}
.subtotal
{
				text-align: right;
				border-top: 1px solid #ffffff;
				margin-top: 0px;
}

.hidden
{
				display: none;
}
.visable
{
				display: inline;
}

.cartitems
{
				text-align: left;
}
.minilogin
{
				width: 99%;
				margin-bottom: 40px;
}
.minicatalog
{
				width: 100%;
				text-align: left;
}
.minicart
{
				width: 100%;
				background-color: orange;
}
#Image2
{
				height: 10px;
				width: 10px;
}

.minisellbackcart
{
				width: 100%;
				background-color: #ffffc0;
}
.minihours
{
				width: 100%;
				background-color: #ffffff;
}

.textalignright
{
				text-align: right;
}
.textalignleft
{
				text-align: left;
}
.billingleft
{
				text-align: left;
}
.shippingleft
{
				text-align: left;
}
.buttonstyle
{
				font: 10pt verdana;
				background-color: #ADADAD;
				border-color: black;
				border-width: 1px;
}
.inputstylefac
{
				font: 10pt verdana;
				background-color: White;
				border-style: solid;
				border-color: black;
				color: Red;
				border-width: 1px;
				font-weight: bold;
				border-spacing: 1px;
				margin-bottom: 1px;
}
.inputstylefacgridview
{
				font: 8pt verdana;
				background-color: White;
				border-style: solid;
				border-color: black;
				color: black;
				border-width: 1px;
}
.inputstyle
{
				font: 10pt verdana;
				background-color: White;
				border-style: solid;
				border-color: black;
				width: 300;
				border-width: 1px;
}
.inputsmallstyle
{
				font: 8pt verdana;
				height: 15px;
				border-style: solid;
				border-color: black;
				border-width: 1px;
}
.reqfield
{
				font: 10pt verdana;
				background-color: #FFFCB3;
				color: Red;
				border-color: black;
				border-width: 1px;
				font-weight: bold;
}
.missingdata
{
				font: 10pt verdana;
				background-color: yellow;
				color: black;
				border-color: black;
				border-width: 2px;
				font-weight: bold;
}

.selectstyle
{
				font: 10pt verdana;
				background-color: white;
				border-color: Black;
				border-width: 1px;
}
.TCSFooterInfo
{
				color: White;
}


#temp-note
{
				background: #ccd2de bottom repeat-x;
				padding: 0;
				margin: 1em 0;
				border: 1px solid #9FA7B7;
				line-height: 150%;
}
.note-icon
{
				padding: 15px 15px 15px 50px;
				border: 1px solid #fff;
}
/*  This CSS is for the Rounded Corners  */


div.news
{
				width: 100%;
				margin-bottom: 0px;
}
div.news2
{
				width: 100%;
				margin-bottom: 0px;
}



#header
{
				height: 57px;
				background: url(images/coop_logo.jpg) 0 0 no-repeat;
}
#minicartimage1
{
				background: url(images/cart.gif);
}

#miniloginimage
{
				background: url(images/login.gif) 0 0 no-repeat;
}


.minicartimage
{
				background: url(images/cart.gif);
}

.gdf
{
				background-attachment: fixed;
				background-image: url(images/cart.gif);
				background-repeat: no-repeat;
}
/* CSS Document */

.coop
{
				background-image: url(Images/banner.jpg);
				border-right: solid;
				border-width: 2px;
				border-color: #FFFFFF; /*background-attachment: fixed;             background-repeat: no-repeat;                 background-position: left top;*/
}
.coopbackground
{
				background-image: url(Images/background.gif);
}



/* Indented List Item */


/* Default settings for links - no class */
a:link, a:visited
{
				color: #000066;
				text-decoration: none;
}
a:hover
{
				color: #339900;
				text-decoration: underline;
}

input.searchbox
{
				border: 1px solid #FFFFFF;
				background-color: #CCCCCC;
				height: 18px;
				color: #000066;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				background-image: url(../images/google1.jpg);
				background-repeat: no-repeat;
				background-position: left;
}
.contact_enterbox1
{
				border: 1px solid #CCCCCC;
				background-color: #FFFFFF;
				height: 18px;
				color: #000066;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
}
.contact_enterbox2
{
				border: 1px solid #CCCCCC;
				background-color: #FFFFFF;
				height: 100px;
				color: #000066;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
}

div
{
				margin: 0px 0px 0px 0px;
}
td
{
				font-size: 12px;
}
h1
{
				font-family: Arial;
				font-size: 24px;
				color: #000066;
				margin-bottom: 8px;
				margin-top: 0px;
}
h2
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px;
				font-weight: bold;
				color: #666666;
				margin-bottom: 5px;
				margin-top: 0px;
}
h3
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px;
				font-weight: bold;
				color: #748699;
				margin-bottom: 8px;
				margin-top: 0px;
}
h4
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
				color: #FFFFFF;
				display: block;
				background-color: #73B25B;
				padding: 3px 0px 3px 5px;
				margin-bottom: 0px;
				margin-top: 0px;
}
h5
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
				color: #FFFFFF;
				display: block;
				background-color: #606E7F;
				padding: 4px 0px 4px 5px;
				margin-bottom: 0px;
				margin-top: 0px;
}
h6
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
				color: #000066;
				display: block;
				background-color: #C3CDD5;
				padding: 3px 0px 3px 5px;
				margin-bottom: 0px;
				margin-top: 0px;
				border: 1px solid #606E7F;
}
.ClassComments
{
				color: Red;
				font-size: larger;
}
.table_data_blue
{
				color: #4C6286;
}
.table_data_grey
{
				color: #4B4B4B;
}
.table_data_white
{
				color: #FFFFFF;
				font-weight: bold;
}
.jump_menus
{
				font-family: Arial, Helvetica, sans-serif;
				color: #333333;
				font-size: 11px;
				background-color: #FFFFFF;
}
.audience_jump_menus
{
				font-family: Arial, Helvetica, sans-serif;
				color: #333333;
				font-size: 11px;
				background-color: #EEEEEE;
}
.highlight
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #336600;
}
.italic_1
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-style: italic;
				color: #666666;
}
a.link_1:link
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #4C6286;
				text-decoration: none;
}
a.link_1:visited
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #4C6286;
				text-decoration: none;
}
a.link_1:hover
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #339900;
				text-decoration: underline;
}
a.link_2:link
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #000066;
				text-decoration: none;
}
a.link_2:visited
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #000066;
				text-decoration: none;
}
a.link_2:hover
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #339900;
				text-decoration: underline;
}
a.link_3:link
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold;
				color: #C3CDD5;
				text-decoration: none;
}
a.link_3:visited
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold;
				color: #C3CDD5;
				text-decoration: none;
}
a.link_3:hover
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold;
				color: #FFFFFF;
				text-decoration: underline;
}
a.footer_link_grey:link
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: bold;
				color: #CCCCCC;
				text-decoration: none;
}

a.footer_link_grey:visited
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: bold;
				color: #CCCCCC;
				text-decoration: none;
}

a.footer_link_grey:hover
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: bold;
				color: #FFFFFF;
				text-decoration: underline;
}

.footer_white10px
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: bold;
				color: #FFFFFF;
}

.footer_grey10px
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: bold;
				color: #CCCCCC;
				border-top-color: #FFFFFF;
}
a.global_nav-01:link
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #000066;
				display: block;
				background-color: #CCCCCC; /*border-bottom: 2px solid #FFFFFF;*/
				font-weight: bold;
				padding-top: 6px;
				padding-bottom: 6px;
				letter-spacing: 1px;
				text-decoration: none;
}
a.global_nav-01:visited
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #000066;
				display: block;
				background-color: #CCCCCC; /*border-bottom: 2px solid #FFFFFF;*/
				font-weight: bold;
				padding-top: 6px;
				padding-bottom: 6px;
				letter-spacing: 1px;
				text-decoration: none;
}
a.global_nav-01:hover
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #999999;
				display: block;
				background-color: #EEEEEE;
				border-right: 2px solid #FFFFFF;
				border-left: 2px solid #FFFFFF;
				font-weight: bold;
				padding-top: 6px;
				padding-bottom: 6px;
				letter-spacing: 1px;
				text-decoration: none;
}
a.global_left_nav2:link
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #FFFFFF;
				display: block;
				background-color: #606E7F;
				border-top: 2px solid #606E7F;
				border-bottom: 2px solid #606E7F;
				font-weight: bold;
				padding-top: 6px;
				padding-left: 20px;
				padding-bottom: 6px;
				text-decoration: none;
}
a.global_left_nav2:visited
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #FFFFFF;
				display: block;
				background-color: #606E7F;
				border-top: 2px solid #606E7F;
				border-bottom: 2px solid #606E7F;
				font-weight: bold;
				padding-top: 6px;
				padding-left: 20px;
				padding-bottom: 6px;
				text-decoration: none;
}
a.global_left_nav2:hover
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #606E7F;
				display: block;
				background-color: #C3CDD5;
				border-top: 2px solid #FFFFFF;
				border-bottom: 2px solid #FFFFFF;
				font-weight: bold;
				padding-top: 6px;
				padding-left: 20px;
				padding-bottom: 6px;
				text-decoration: none;
}
a.global_left_nav_2top:link
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #FFFFFF;
				display: block;
				background-color: #606E7F;
				border-top: 2px solid #606E7F;
				border-bottom: 2px solid #606E7F;
				font-weight: bold;
				padding-top: 6px;
				padding-left: 20px;
				padding-bottom: 6px;
				text-decoration: none;
}
a.global_left_nav_2top:visited
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #FFFFFF;
				display: block;
				background-color: #606E7F;
				border-top: 2px solid #606E7F;
				border-bottom: 2px solid #606E7F;
				font-weight: bold;
				padding-top: 6px;
				padding-left: 20px;
				padding-bottom: 6px;
				text-decoration: none;
}
a.global_left_nav_2top:hover
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #606E7F;
				display: block;
				background-color: #C3CDD5;
				border-top: 2px solid #C3CDD5;
				border-bottom: 2px solid #FFFFFF;
				font-weight: bold;
				padding-top: 6px;
				padding-left: 20px;
				padding-bottom: 6px;
				text-decoration: none;
}
a.global_left_nav_2bot:link
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #FFFFFF;
				display: block;
				background-color: #606E7F;
				border-top: 2px solid #606E7F;
				border-bottom: 2px solid #606E7F;
				font-weight: bold;
				padding-top: 6px;
				padding-left: 20px;
				padding-bottom: 6px;
				text-decoration: none;
}
a.global_left_nav_2bot:visited
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #FFFFFF;
				display: block;
				background-color: #606E7F;
				border-top: 2px solid #606E7F;
				border-bottom: 2px solid #606E7F;
				font-weight: bold;
				padding-top: 6px;
				padding-left: 20px;
				padding-bottom: 6px;
				text-decoration: none;
}
a.global_left_nav_2bot:hover
{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #606E7F;
				display: block;
				background-color: #C3CDD5;
				border-top: 2px solid #FFFFFF;
				border-bottom: 2px solid #C3CDD5;
				font-weight: bold;
				padding-top: 6px;
				padding-left: 20px;
				padding-bottom: 6px;
				text-decoration: none;
}
.border_bottom
{
				border-bottom: solid;
				border-width: 2px;
				border-color: #FFFFFF;
}

.border_left
{
				border-left: solid;
				border-width: 2px;
				border-color: #FFFFFF;
}

.border_right
{
				border-right: solid;
				border-width: 2px;
				border-color: #FFFFFF;
}

.border_top
{
				border-top: solid;
				border-width: 2px;
				border-color: #FFFFFF;
}

.global_nav_empty
{
				border-bottom: solid;
				background-color: #CCCCCC;
				border-width: 2px;
				border-color: #FFFFFF;
}

.global_nav_left_01
{
				border-right: solid;
				border-width: 2px;
				border-color: #FFFFFF;
				background-color: #606E7F;
}

.table_border_left_blue
{
				border-left: solid;
				border-width: 1px;
				border-color: #9DB0BB;
}

.table_border_right_blue
{
				border-right: solid;
				border-width: 1px;
				border-color: #9DB0BB;
}

.table_border_bot_blue
{
				border-bottom: solid;
				border-width: 1px;
				border-color: #9DB0BB;
}

.table_corner_right_blue
{
				border-bottom: solid;
				border-right: solid;
				border-width: 1px;
				border-color: #9DB0BB;
}

.table_corner_left_blue
{
				border-bottom: solid;
				border-left: solid;
				border-width: 1px;
				border-color: #9DB0BB;
}

/*-----ThickBoxCSS --*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*
{
				padding: 0;
				margin: 0;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window
{
				font: 12px Arial, Helvetica, sans-serif;
				color: #333333;
}

#TB_secondLine
{
				font: 10px Arial, Helvetica, sans-serif;
				color: #666666;
}

#TB_window a:link
{
				color: #666666;
}
#TB_window a:visited
{
				color: #666666;
}
#TB_window a:hover
{
				color: #000;
}
#TB_window a:active
{
				color: #666666;
}
#TB_window a:focus
{
				color: #666666;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay
{
				position: fixed;
				z-index: 100;
				top: 0px;
				left: 0px;
				height: 100%;
				width: 100%;
}

.TB_overlayMacFFBGHack
{
				background: url(macFFBgHack.png) repeat;
}
.TB_overlayBG
{
				background-color: #000;
				filter:alpha(opacity=75);
				-moz-opacity: 0.75;
				opacity: 0.75;
}

* html #TB_overlay
{
				/* ie6 hack */
				position: absolute;
				height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight +  'px' );
}

#TB_window
{
				position: fixed;
				background: #ffffff;
				z-index: 102;
				color: #000000;
				display: none;
				border: 4px solid #525252;
				text-align: left;
				top: 50%;
				left: 50%;
}

* html #TB_window
{
				/* ie6 hack */
				position: absolute;
				margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) +  'px' );
}

#TB_window img#TB_Image
{
				display: block;
				margin: 15px 0 0 15px;
				border-right: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
				border-top: 1px solid #666;
				border-left: 1px solid #666;
}

#TB_caption
{
				height: 25px;
				padding: 7px 30px 10px 25px;
				float: left;
}

#TB_closeWindow
{
				height: 25px;
				padding: 11px 25px 10px 0;
				float: right;
}

#TB_closeAjaxWindow
{
				padding: 7px 10px 5px 0;
				margin-bottom: 1px;
				text-align: right;
				float: right;
}

#TB_ajaxWindowTitle
{
				float: left;
				padding: 7px 0 5px 10px;
				margin-bottom: 1px;
}

#TB_title
{
				background-color: #e8e8e8;
				height: 27px;
}

#TB_ajaxContent
{
				clear: both;
				padding: 2px 15px 15px 15px;
				overflow: auto;
				text-align: left;
				line-height: 1.4em;
}

#TB_ajaxContent.TB_modal
{
				padding: 15px;
}

#TB_ajaxContent p
{
				padding: 5px 0px 5px 0px;
}

#TB_load
{
				position: fixed;
				display: none;
				height: 13px;
				width: 208px;
				z-index: 103;
				top: 50%;
				left: 50%;
				margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load
{
				/* ie6 hack */
				position: absolute;
				margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) +  'px' );
}

#TB_HideSelect
{
				z-index: 99;
				position: fixed;
				top: 0;
				left: 0;
				background-color: #fff;
				border: none;
				filter: alpha(opacity=0);
				-moz-opacity: 0;
				opacity: 0;
				height: 100%;
				width: 100%;
}

* html #TB_HideSelect
{
				/* ie6 hack */
				position: absolute;
				height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight +  'px' );
}

#TB_iframeContent
{
				clear: both;
				border: none;
				margin-bottom: -1px;
				margin-top: 1px;
				_margin-bottom: 1px;
}


/* -------------------------------  ACCOUNT DETAILS CSS ---------------------------- */

.blueBanner
{
				background-color: #c4e3e6;
}

.loginHeader2
{
				background-color: #c4e3e6;
				text-align: center;
				font-size: 14px;
				margin-top: 5%;

				width: 100%;
}
.createUserHelp
{
				margin-top: 5%;
}

.billingHeader
{
				background-color: #c4e3e6;
				text-align: center;
				font-size: 14px;
				vertical-align: top;
}
.shippingHeader
{
				background-color: #c4e3e6;
				text-align: center;
				font-size: 14px;
				vertical-align: top;
				line-height: 15px;
				margin-top: 10px;
}
.loginTable
{
				height: 146px;
				margin-bottom: 2%;
				width: 100%;
}
.billingTable
{
				margin-right: 10%;
}
.shippingTable
{
				line-height: 25px;
}
.alignCenter
{
				text-align: center;
}
.changePassword
{
				height: 15px;
}
.addOtherShipping
{
				list-style-type: none;
				text-align: right;
				width: 300px;
}
.addOtherAddressHeader
{
				background-color: #C4E3E6;
				color: Black;
}

#Content1
{
				margin-top: 100px;
}

#ctl00_ContentPlaceHolder1_upCreate
{
				text-align: left;
}


/* ----------------------------------------------  Textbook Reservation CSS ---------------------- */

.studentSection
{
				height: 260px;
				margin-top: 15px;
}

.paymentSection
{
				height: 200px;
				margin-top: 25px;
}

.studentHeader
{
				background-color: #d4d4d4;
				height: 18px;
				line-height: 15px;
				margin: 0px 0px 10px 15px;
				text-align: center;
				width: 675px;
}

.paymentHeader
{
				background-color: #d4d4d4;
				height: 18px;
				line-height: 15px;
				margin: 0px 0px 10px 15px;
				text-align: center;
				width: 675px;
}

.formDiv
{
				float: left;
				height: 10px;
				margin: 10px;
				padding: 5px;
				text-align: left;
				width: 690px;
}

.formInnerDiv
{
				float: left;
				
}

.formText
{
				color: #454;
				float: left;
				font-family: Verdana;
				font-size: 14px;
				line-height: 10px;
				min-width: 70px;
				padding: 0px 2px 0px 2px;
				text-align: left;
				width: 125px;
}

.formTextSmall
{
				color: #454;
				float: left;
				font-family: Verdana;
				font-size: 14px;
				line-height: 10px;
				padding: 0px 2px 0px 8px;
				text-align: left;
				width: 45px;
}

.mainCheckboxDiv
{
				font-family: Verdana;
				font-size: 14px;
				float: left;
				height: 195px;
				margin: 10px;
				padding: 5px;
				text-align: left;
				width: 650px;
}

.mainCheckboxDiv #reservationDislaimer
{
				font-family: Verdana;
				font-size: 10px;
}

.mainCheckboxDiv ul li
{
				float: left;
				list-style-type: none;
				padding: 0px;
				width: 200px;
}

.checkboxDiv
{
				clear: left;
				float: left;
				height: 40px;
				width: 600px;
}

.checkboxDiv .checkboxText
{
				float: left;
				height: 10px;
				width: 375px;
}

.checkboxDiv .yesNo
{
				float: left;
				height: 10px;
				width: 125px;
}

.reservationButton
{
				text-align: center;
				
}

.reservationComplete
{
				color: #454;
				float: left;
				font-family: Verdana;
				font-size: 14px;
				line-height: 16px;
				margin: 20px;
				padding: 0px 20px 0px 20px;
				text-align: center;
				width: 650px;
}


/* ---------------------------- Technology Center CC Authorization CSS ---------------------- */

.tcSection
{
				height: 230px;
				margin-top: 15px;
}

.tcpaymentSection
{
				height: 400px;
				margin-top: 25px;
}

.tcHeader
{
				background-color: #d4d4d4;
				height: 18px;
				line-height: 15px;
				margin: 0px 0px 10px 15px;
				text-align: center;
				width: 675px;
}

.tcpaymentHeader
{
				background-color: #d4d4d4;
				height: 18px;
				line-height: 15px;
				margin: 0px 0px 10px 15px;
				text-align: center;
				width: 675px;
}

.formDiv
{
				float: left;
				height: 10px;
				margin: 10px;
				padding: 5px;
				text-align: left;
				width: 690px;
}

.formText
{
				color: #454;
				float: left;
				font-family: Verdana;
				font-size: 14px;
				line-height: 10px;
				min-width: 70px;
				padding: 0px 2px 0px 2px;
				text-align: left;
				width: 125px;
}

#infoPopup 
{
	float:right;
	width:60%
}
#debitInfo
{
	float:right;
	text-align:left;
	line-height:12px;
	margin-right:80px;
	width:380px;
	height:12px;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:9px;
}

#cidInfo
{
	float:right;
	text-align:left;
	line-height:12px;
	margin-right:70px;
	width:370px;
	height:12px;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:9px;
}

.submitButton
{
	padding:20px;
	text-align: center;
}			
/*----------------------------- footer ------------------------------ */


.footerLinks
{
				background-color: Transparent;
				height: 20px;
				margin: 0 auto;
				text-align: center;
				width: 445px;
}

.pipe
{
				color: #fff;
				float: left;
				height: 20px;
				padding: 3px 0px 0px 0px;
				text-align: right;
				width: 16px;
}

.footerLinks #w
{
				/*background-image: url("images/w.png");
				background-position: bottom left;*/
				background-repeat: no-repeat;
				float: left;
				margin-left: 10px;
				padding: 3px 0px 0px 0px;
}

.footerLinks #suite
{
				/*background-image: url("images/suite.png");
				background-position: bottom left;*/
				background-repeat: no-repeat;
				float: left;
				margin-left: 10px;
				padding: 3px 0px 0px 0px;
}



.footerLinks #tLink
{
				/*background-image: url("images/link.png");
				background-position: center left;*/
				background-repeat: no-repeat;
				float: left;
				margin-left: 10px;
				padding: 3px 0px 0px 0px;
}

.footerLinks #tcs
{
				/*background-image: url("images/pos.png");
				background-position: bottom left;*/
				background-repeat: no-repeat;
				float: left;
				margin-left: 10px;
				padding: 3px 0px 0px 0px;
}


.footerLinks a 
{
				color: #fff;
				font-size: 12px;
				text-decoration: none;
}

.footerLinks a:hover 
{
				color: #f77f00;
				text-decoration: underline;
}
