@import url(reset.css);

/* Basic Page Layout Styles */

#popup {
	background:transparent;
	/*background:rgba(0,0,0,.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);*/
	background:url(../img/global/popup_bg.png);
	position:fixed;
	width:100%;
	height:100%;
	top:0%;
	left:0%;
	z-index:1001;
}

#popup > div {
	overflow:auto;
	margin:auto;
	margin-top:175px;
	width:500px;
	background:#fff;
	padding: 20px 20px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: rgba(0,0,0,0.75) 0px 1px 5px;
	-moz-box-shadow: rgba(0,0,0,0.75) 0px 1px 5px;
	box-shadow: rgba(0,0,0,0.75) 0px 1px 5px;
}
#popup a.popupBtn  {
	color:#333;
	text-decoration:none;
	cursor:pointer;
	text-align:center;
	border:1px solid #949494;
	text-shadow: 0px 1px 0px #fff;
	padding:6px 12px 5px;
	font-size:14px;
	font-weight:bold;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	float:right;
	margin-top:20px;
	margin-left:12px;
	-moz-box-shadow: inset 0px 1px 0px #fff;
	-webkit-box-shadow: inset 0px 1px 0px #fff;
	box-shadow: inset 0px 1px 0px #fff;
	background: #E0E0E0; /* old browsers */
	background: -moz-linear-gradient(top, #E0E0E0 0%, #B2B2B2 99%); /* firefox */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E0E0E0), color-stop(99%,#B2B2B2)); /* webkit */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E0E0E0', endColorstr='#B2B2B2',GradientType=0 ); /* ie */
}

#popup a.popupBtn:active, #popup a.popupBtn:focus {
	background: #B2B2B2; /* old browsers */
	background: -moz-linear-gradient(top, #B2B2B2 0%, #E0E0E0 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B2B2B2), color-stop(100%,#E0E0E0)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B2B2B2', endColorstr='#E0E0E0',GradientType=0 ); /* ie */
}

#popup.cart ul {
	margin-top:25px;
	height:32px;
}

#popup.cart li {
	float: left;
}

#popup.cart li a{
	border:1px solid #8c8c8c;
	-webkit-border-radius:10px;
	-moz-border-radius:0px 10px 10px 0px;
	border-radius:0px 10px 10px 0px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-bottom-left-radius:0px;
}

#popup.cart li a:hover {
	text-decoration:none;
}

#popup.cart li a:active {
	background-position: 0 -31px;
}

#popup.cart li a.first{
	width:248px;
	border-right-style: none;
	-webkit-border-radius:10px;
	-moz-border-radius:10px 0px 0px 10px;
	border-top-right-radius:10px 0px 0px 10px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
}

#popup.cart li a.first span {
	border-right:1px solid #f5f8f5;
}

#popup.cart li a span {
	padding-top:4px;
	height:27px;
	font-size:20px;
	font-weight: bold;
	display:block;
	
	text-align:center;
	color:#303030;
	text-shadow: 0px 1px 0px #ededed;
}



#popup.cart li a {
	height:31px;
	display:block;
	background:url('../img/bookSearch/popup_button_bg.png') repeat-x;
	width:247px;
}


body {
font-family:Arial, Verdana, sans-serif;
background:url(../images/bg_pattern.png) top center;
color:#333333;
/*behavior:url("../scripts/csshover2.htc");*/
}

#head_wrapper {
background:url(../images/page_bg.png) repeat-x;
}

#wrapper {
position:relative;
width:960px;
background:#fff url(../images/page_bg.png) repeat-x;
margin:0 auto;
text-align:center;
}

#causeSelector, #causeSelector li, #causeTab, #causeTab div {
	background-image:url(../img/global/cause_selector_sprite.png);
	background-repeat:no-repeat;
}

#causeSelector {
	position:absolute;
	top:0;
	right:17px;
	padding: 15px 18px 11px;
	width:300px;
	background-position:-336px 0;
	background-repeat:repeat-y;
	z-index:10;
}

#causeSelector li, #causeSelector h6 { 
	font-size:16px;
	color:#333333;
	font-weight:bold;
	text-shadow:0 1px 0 #fff;
}

#causeSelector li {
	cursor:pointer;
	margin:8px 0 16px;
	line-height:16px;
	padding:0 0 0 20px;
	background-position:-722px 2px;
}

#causeSelector li.checked {
	background-position:-722px -17px;
}

#causeTab {
	cursor:pointer;
	height:28px;
	position:absolute;
	bottom:-32px;
	padding: 7px 18px 0;
	width:300px;
	left:0;
	background-position:0 bottom;
}

#causeTab div {
	width:25px;
	height:26px;
	position:absolute;
	right:12px;
	top:0;
	background-position:-672px 0;
}

.open #causeTab div {
	background-position:-697px 0;
}





strong {
	font-weight:bold;
}

/* Header Styles */

* {
text-align:left;
}

#header {
padding-top:80px;
position:relative;
height:39px;
background:url(../images/header_bg.png) no-repeat right top;
}

#header .logo {
background:url(../img/global/logo.png) no-repeat;
position:absolute;
left:0;
top:0px;
display:block;
height:0;
width:445px;
padding-top:118px;
overflow:hidden;
/*behavior: url(../scripts/iepngfix.htc);*/
}


/* tabs */

#tabs {
	padding:4px 0 0 20px;
	height:46px;
	background:url('../img/global/nav_bg.gif') repeat-x;
	position:relative;
}

#tabs li {
	float:left;
	position:relative;

}



#tabs a {
	position:relative;
	display:block;
	padding-top:46px;
	height:0px;
	overflow:hidden;
	background:url('../img/global/nav.png');
	z-index:0;
}

#tabs #buy {
	left:-1px;
}

#tabs #sell {
	left:-2px;
}
#tabs #toolbox{
	left:-3px;
}
#tabs #about {
	left:-4px;
}

#tabs a.active {
	z-index:10;
}

#tabs #home a{
	background-position:0 0;
	width:127px;
}

#tabs #home a:hover, #tabs #home a.active {
	background-position:0 -46px;
}
#tabs #buy a {
	background-position:-126px 0;
	width:108px;
}

#tabs #buy a:hover, #tabs #buy a.active {
	background-position:-126px -46px;
}

#tabs #sell a {
	background-position:-233px 0;
	width:107px;
}

#tabs #sell a:hover, #tabs #sell a.active {
	background-position:-233px -46px;
}

#tabs #toolbox a {
	background-position:-339px 0;
	width:236px;
}

#tabs #toolbox a:hover, #tabs #toolbox a.active {
	background-position:-339px -46px;
}

#tabs #about a {
	background-position:-574px 0;
	width:130px;
}

#tabs #about a:hover, #tabs #about a.active {
	background-position:-574px -46px;
}


#tabBorder {
	z-index:5;
	border:none;
	border-bottom:1px solid #c0c0c0;
	margin:0;
	position:absolute;
	bottom:0px;
	width:960px;
	left:0px;
	height:0px;
}





/* tab content */

#tabFrame {
	position:relative;
	margin:20px;
	overflow:hidden;
}

#tabContent {
	/*margin-left:-20px;*/
	width: 1920px;
	
	
}

#tabContent > * {
	float:left;
	width:0;
	overflow:hidden;
	margin-left:0;
	visibility: hidden;
}

#tabContent > *.visible {
	visibility: visible;
	width:920px;
	margin-left:20px;
}

#tabContent > * > div {
	width:920px;
}


/* home tab */

#tHome .lcol {
	width:448px;
}

#tHome .input {
	width:313px;
}

#tHome h2 {
	margin:0;
	margin-top:32px;
	padding:10px 10px 0;
	text-shadow:0 1px 0 #fff;
	font-weight: bold;
	font-size: 20px;
	color: #333333;
	background:#f3f3f3;
	border-bottom:1px solid #d7d7d7;
	height:28px;
}

#tHome h2 {
	color:#2f5697;
	background:#f3f3f3 url(../img/global/h2_highlight.png) no-repeat 1px 1px;
}


#tHome .lcol p {
	padding:7px 60px 7px 10px;
	font-size:16px;
	line-height:27px;
	border:1px solid #ededed;
	border-top:none;
	background:url(../img/global/faq_alert_circle.png) right center no-repeat;
	background: url(../img/global/faq_alert_circle.png) right center no-repeat,
	            url(../img/global/highlight_corner_sm.png) right top no-repeat
}

#tHome .lcol p.two_steps strong {
	display:block;
	padding-left:38px;
	font-size:18px;
	line-height:42px;
	font-weight:bold;
	background:url(../img/global/numbers_2.png) 0 10px no-repeat;
}

#tHome .lcol p span {
	color:#9e0b0f;
}

#tHome .rcol {
	position:relative;
	float:right;
	width:420px;
	padding:15px;
	padding-bottom:5px;
	border:1px solid #b3b3b3;
	background:url(../img/global/highlight_corner_lg.png) top right no-repeat;
}

#tHome .rcol .ribbon {
	position:absolute;
	z-index:5;
	top:-1px;
	left:-1px;
	background:url(../img/global/cause_ribbon.png) no-repeat;
	width:125px;
	height:125px;
}

#tHome .rcol.selected .ribbon {
	background-position:-125px 0;
}

#tHome .rcol h3 {
	height:93px;
	text-indent:-999999px;
	background:center top no-repeat;
	border-bottom:1px solid #e7e7e7;
	margin-bottom:20px;
}

#tHome .rcol p {
	font-size:16px;
	line-height:27px;
	margin-bottom:15px;
}

#tHome .rcol p.orgListing {
	margin-top:10px;
	padding-top: 10px;
	border-top:1px solid #a1a1a1;
	margin-bottom:5px;
}

#tHome .rcol p.orgs {
	font-size:14px;
	margin-bottom:5px;
}

#tHome .rcol .img {
	text-align:center;
}

#tHome .rcol .img img {
	border:1px solid #a1a1a1;
	padding:4px;
}

#tHome .chooseCause, #tHome .moreInfo, #tHome .promoteCause {
	position:relative;
	width:203px;
	float:left;
}

#tHome .moreInfo {
	float:right;
}

#tHome .chooseCause span, #tHome .moreInfo span, #tHome .promoteCause span {
	
	display:block;
	position:absolute;
	height:31px;
	width:22px;
	top:0;
	left:9px;
	background:url(../img/global/cause_btn_icons.png) 0 4px no-repeat;
}

#tHome .chooseCause span {
	width:24px;
}

#tHome .moreInfo span {
	background-position:-46px 5px;
}

#tHome .promoteCause span {
	background-position:-24px 5px;
}






/* campus toolbox */

.flier {
background:#fff;
padding:1px;
border:1px solid #bfbfbf;
display:block;
margin:auto;
}

div.flier_box{

border:1px dotted #bcbfbd;

background-color: #dce2e2;
margin-right:10px;
margin-left:0px;
float:left;
width: 136px;
padding:3px 10px;
}

.flier_box span{
display:block;
text-align:center;
}

.flier_box div{
margin:0;
}

.container{
overflow:auto;
}




/* about */

.lcol {
	float:left;
	width:497px;
}

#tAbout h4 {
	font-size:16px;
	font-weight:bold;
	color:#333333;
}

#tAbout h4 span {
	font-weight:normal;
	font-size:14px;
}

#tAbout  .rcol a {
	font-size:14px;
	display:block;
	margin-bottom:18px;
}

.rcol {
	width:403px;
	float:right;
	
}

#tAbout .rcol fieldset {
	padding:20px;
	border:1px solid #a1a1a1;
}

#tAbout .rcol .disabled {
	color:#666666;
}

#tAbout label span {
	padding-left:4px;
	font-style: italic;
	color:red;
}

#tAbout .rcol input, #tAbout .rcol textarea {
	padding:2px;
	height:21px;
	border:1px solid #666666;
	margin-bottom:18px;
	width:355px;
	background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0.5, rgb(255,255,255)),
    	color-stop(1, rgb(240,240,240))
	);
	background-image:-moz-linear-gradient(
    	center bottom,
    	rgb(255,255,255) 50%,
    	rgb(240,240,240) 100%
	);
}

#tAbout .rcol textarea {
	height:130px;
	
}

.button {
	display:block;
	padding-top:8px;
	height:23px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#333333;
	line-height:16px;
	border:1px solid #7b7b7b;
	background:url(../img/global/std_btn_bgs.png) repeat-x;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-shadow:0 1px 0 #fff;
	margin-bottom:15px;
}

.button:hover {
	text-decoration:none;
}

.button:active {
	background-position:0 -31px;
}
/*
.button {
	display:block;
	color:#333333;
	padding:5px;
	text-align:center;
	background-color: #cecece;
	background-image:-webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, rgb(192,194,192)),
    	color-stop(0.98, rgb(235,237,235)),
    	color-stop(0.99, rgb(255,255,255))
	);
	background-image: -moz-linear-gradient(
    	center bottom,
    	rgb(192,194,192) 0%,
    	rgb(235,237,235) 98%,
    	rgb(255,255,255) 99%
	);
	border:1px solid #8c8c8c;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.button:hover {
	text-decoration: none;
}

.button:active {
	background-color: #b3b3b3;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(222,224,222)),
    color-stop(0.98, rgb(199,201,199)),
    color-stop(0.99, rgb(255,255,255))
	);
	background-image:-moz-linear-gradient(
    center bottom,
    rgb(222,224,222) 0%,
    rgb(199,201,199) 98%,
    rgb(255,255,255) 99%
	);
}

*/


/* footer */


#footer {
clear:both;
text-align:center;
border-top:1px solid #a1a1a1;
padding:7px 10px;
font-size:12px;
color:#666666;
}

#footer ul {
margin-bottom:5px;
}

#footer li {
padding:2px 6px;
display:inline;
}

#footer li a {
text-decoration:none;
}

#footer li a:hover {
text-decoration:underline;
}

/* Basic Styles */

a {
	color:#3d628b;
	text-decoration:none;
	cursor:pointer;
}

a:hover {
	text-decoration:underline;
}

h1 {
color:#333333;
font-size:24px;
line-height:25px;
font-weight:bold;
margin-bottom:12px;
}




h2 {
	font-weight: bold;
	font-size: 20px;
	color: #4d4d4d;
	border-bottom:1px solid #4d4d4d;
	padding-bottom: 3px;
	margin-bottom:15px;
	margin-top:10px;
	clear:both;
}


p {
font-size:16px;
line-height:27px;
color:#333333;

}



fieldset h1 {
color:#176e9e;
font-size:18px;
line-height:26px;
padding:0px 0 4px 0;
font-weight:bold;
font-family: Arial, Verdana, sans-serif;
border-bottom:1px solid #666666;
margin-bottom:10px;
}
		
fieldset {
padding:10px;
border:1px solid #a1a1a1;
}

input {
border:1px solid #666666;
padding:2px;
font-size:14px;
color:#333333;
}

label {
font-size:14px;
color:#333333;
display:block;
}

textarea {
margin-top:4px;
border:1px solid #666666;
padding:2px;
font-size:14px;
color:#333333;
display:block;
width:342px;
height:150px;
}

#submit {
display:block;
margin-top:15px;
border:1px solid #bdbcbc;
color:#9e0b0f;
padding:3px 7px;
font-weight: bold;
background:#fff;
}