/* CSS Document */

.button {
  background-color: #04AA6D; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
}
ul.enlarge img{
background-color:#eae9d4;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#eae9d4;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
width:250px;
}
ul.enlarge li:hover span{ 
top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -100px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -200px; 
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
behavior: url(pie/PIE.htc); 
}

.ui-page, .ui-content, .ui-btn { background: transparent; }
.ui-mobile .ui-page-active { background: transparent; }

.ui-content { padding: 0px; }
.ui-li btn-inner { white-space: normal !important; }
.ui-li-heading { text-overflow: normal; white-space:normal; }
.ui-btn-inner { white-space: normal !important; }
.ui-body-c { text-shadow:none; color:#000; }
.ui-content{ background: transparent !important; }
.ui-page { background: transparent; }
.ui-body-c { text-shadow:none; }
.ui-collapsible-inset .ui-collapsible-content {text-align: left;}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper { background: transparent; }
.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited { color: #00ada7 !important; }
.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited { color: #00ada7 !important; }
.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a { color: #00ada7 !important; }


.ui-link { 
	color:#ffffff;
	font-family: "Trebuchet MS";
	text-decoration:none;
	text-align:center;
	text-shadow:none;	
}

a:link {color: #000}
a:visited {color: #000}
a:hover {color: firebrick}
a:active {color: #000}

/*
a.navlink:link {color: #004784 !important;}
a.navlink:visited {color: #004784 !important;}
a.navlink:hover {color: #fff !important;}
a.navlink:active {color: #004784 !important;}
blue */

a.navlink:link {color: #000 !important;}
a.navlink:visited {color: #000 !important;}
a.navlink:hover {color: #fff !important;}
a.navlink:active {color: #000 !important;}

.navlink { text-decoration:none; }

a.cancellink:link {color: red !important;}
a.cancellink:visited {color: red !important;}
a.cancellink:hover {color: #000 !important;}
a.cancellink:active {color: red !important;}

a.bluelink:link {color:#00ada7 !important; text-decoration: none;}
a.bluelink:visited {color:#00ada7 !important; text-decoration: none;}
a.bluelink:hover {color: #00ada7 !important; text-decoration: none;}
a.bluelink:active {color:#00ada7 !important; text-decoration: none;}

a.mobile-phone:link {color: #00ada7 !important;}
a.mobile-phone:visited {color: #00ada7 !important;}
a.mobile-phone:hover {color: #00ada7 !important;}
a.mobile-phone:active {color: #00ada7 !important;}

a.blacklink:link {color: #000 !important;}
a.blacklink:visited {color: #000 !important;}
a.blacklink:hover {color: #52925e !important;}
a.blacklink:active {color: #000 !important;}

.mobile-phone { font-size:26px; }

.navlink { text-decoration:none; }


h1 { color:#000; }
img { border:0px; }
#total { }

body { 
	background-color:#fff;  
	background-image:url(images/CCSpeechBalloons.jpg) !important;
	color:#000; 
	font-family:Verdana, Geneva, sans-serif;	
	font-size: 18px;
	padding:0px;
	margin:0px;
}

#header { 
	width:100%; 
	background-color:#fff; 
	background-image: url("images/bg.png");
	background-repeat: repeat-x;
	}


#pagecontent { 
	padding:5px; 
	width:90%; 
	max-width: 1800px;
	margin:0px auto; 
	background-color:#FFF;
	/*border:2px solid #00ada7; 
	border-radius:10px;*/
 }
 
.pagecontent { 
	padding:5px; 
	width:90%; 
	margin:0px auto; 
	background-color:#FFF;
	border:2px solid #00ada7; 
	border-radius:10px;
 }
 
.total_number {
	font-size:42px;
	font-weight:bold;
	color:#ffb900;	
}

#featured {  }

.featured_item {
	width:190px;
	height:autopx;
	border:none;
	padding:10px;
	background-color:#bb1e49;
	color:#fff;
	margin-left:10px;
	margin-top:10px;	
	float:left;
}

#incentive {
	width:670px;
	float:left;
}

.incentive_item {
	width:190px;
	height:200px;
	border:none;
	padding:10px;
	background-color:#009bad;
	color:#fff;
	margin-left:10px;
	margin-top:10px;		
	float:left;	
}

#auction {
	width:670px;
	float:left;
}

.auction_item {
	width:190px;
	height:200px;
	border:none;
	padding:10px;
	background-color:#d34827;
	color:#fff;
	margin-left:10px;
	margin-top:10px;		
	float:left;	
}

#match {
	float: right;
	width:300px;
	margin-top:45px;
	margin-left:5px;	
}

#donations {
	float: right;
	width:300px;
	margin-top:45px;
	margin-left:5px;	
}

.message_container {
  display: none;
  font-weight: bold;
  color: red;
}

#nav { margin-top:-5px; float:right; position:relative; z-index:1; height:35px; }
#nav li { list-style: none; float: left; }
#nav li:hover > ul { display: block; /* show dropdown on hover */ }
#navigation { height:30px; padding-top:20px; padding-bottom:0px; margin-top:0px; background-color:#00ada7; color:#ffffff; font-size:20px; }
#navigation-content { margin-left:0px; float:left;  margin-top:-10px; }

#navigation-footer { height:40px; padding-top:10px; padding-bottom:0px; margin-top:0px; background-color:#cdcdcd; color:#00ada7; font-size:20px; }
#navigation-content-footer { }

/* nav dropdown */ #nav ul { margin-top:-5px; background: #236b8e;	padding: 2px; position: absolute; border: solid 1px #ccc; display: none; /* hide dropdown */ z-index:10000; }
#nav ul li { float: none; margin-top: 0px; padding: 0; }
#nav-mobile { display:none; margin-top: 0px; margin-right: 5px; }
#menu-icon { display: none; /* hide menu icon initially */ }
#nav-mobile-ul, #nav-mobile-ul li { margin: 0; padding: 0; }
#nav-mobile-ul li { list-style: none; float: left; margin-right: 5px; }
#nav-mobile-ul a { padding: 4px 15px; display: block; color: #000; background: #ecebeb; }
#nav-mobile-ul a:hover { background: #f8f8f8; }
/* nav dropdown */ #nav-mobile-ul ul {	background: #fff; padding: 2px;	position: absolute;	border: solid 1px #ccc;	display: none; /* hide dropdown */ width: 200px; }
#nav-mobile-ul ul li { float: none;	margin: 0; padding: 0; }
#nav-mobile-ul li:hover > ul { display: block; /* show dropdown on hover */ }

#home-charities { width:100%; background-color:#fff; padding-top:20px; padding-bottom:40px; }
#home-charities img { padding:5px; }

#home-window { width:1200px; margin:0px auto; color:#000; font-weight:bold; font-size:28px; text-shadow:none; }
.home-window-item { width:50%; float:left; }
.home-window-item-right { width:48%; float:left; margin-top: 44px; }
.home-window-item-sponsors { width:550px; margin:0px auto; }

#header-cart-mobile { display:none; }
.anon { float:left; width:275px; margin-top:10px; text-align:left; }
#anon-container { width:555px; margin:0px auto; }

.content-full { display:block; }
.content-mobile { display:none; }
.incentiveimage { max-width:600px; }

#hpcontainer { width:90%; margin:0px auto; }
#hpcontainer-left { float:left; width:50%; }
#hpcontainer-right { float:left; width:50%; }

.socialcontainer { width:1000px;margin:0px auto; }
.socialitem { float:left;width:300px;margin-top:20px;margin-left:30px; }
#socialitem-fb { float:left;width:300px;margin-top:20px; }
#socialitem-tw { float:left;width:300px;margin-top:20px;margin-left:50px; }
.timertext { float:left; }
#getting-started { float:left; }

.tweetbox { float:right; padding:0px 40px; width:40%; }

#home-charities-left { float:left; width:40%; max-width: 415px; }
#home-charities-right { float:left; width:800px; }
#home-charities-right img { padding:15px; }

@media screen and (min-width: 300px) and (max-width: 800px) {

#home-charities-left { float:none; width:100%; }
#home-charities-right { float:none; width:100%; }

.tweetbox { float:none; padding:0px; width:90%; margin:0px auto; }

.socialcontainer { width:90%;}
.socialitem { float:none;width:100%;margin:0px auto;display:none; }
#socialitem-fb { float:none;width:100%;margin:0px auto; }
#socialitem-tw { float:none;width:100%;margin:0px auto; }
.timertext { float:none; }
#getting-started { float:none; }

#home-window { width:100%; margin:0px auto; color:#000; font-weight:bold; font-size:28px; text-shadow:none; }
.home-window-item { width:100%; float:none; }
.home-window-item-right { width:100%; float:none; }
.home-window-item-sponsors { width:100%; margin:0px auto; }

#hpcontainer { width:90%; margin:0px auto; }
#hpcontainer-left { float:none; width:100%; }
#hpcontainer-right { float:none; width:100%; }

.content-mobile { display:block; }
.content-full { display:none; }
.incentiveimage { max-width:290px; }

#header-cart-mobile { display:block; width:100%; padding-top:60px; padding-bottom:5px; font-weight:bold; color:#00ada7; background-color:#FFF; }
.anon { float:none; }
#anon-container { width:280px; margin:0px auto; }

#navigation { display:none; }
#navigation-footer { height:auto; }
#nav-mobile-ul ul li { margin: 3px 0 3px 15px; }
#nav { display:none; }
#nav-mobile { display:block; float:left; }
#nav-mobile { position: relative; z-index:10; }
#menu-icon { color: #000; width: 50px; height:54px; cursor: pointer; background: url(images/icons-menu.png) no-repeat center; background-size: 50px 54px; display: block; /* show menu icon */ }
#menu-icon:hover { background-color: #f8f8f8; }
#menu-icon.active { background-color: #bbb; }
#nav-mobile-ul { clear: both; position: absolute; top: 38px; width: 160px; z-index: 10000; padding: 5px; background: #f8f8f8; border: solid 1px #999; display: none; /* visibility toggled with jquery  margin-left: -132px;*/ }
#nav-mobile-ul li { clear: both; float: none; margin: 5px 0 5px 10px; }
#nav-mobile-ul a, #nav-mobile-ul ul a { font: inherit; background: none; display: inline; padding: 0; color: #666; border: none; text-decoration:none; font-weight:bold; color:#375081; }
#nav-mobile-ul a:hover, #nav-mobile-ul ul a:hover {	background: none; color: #000; }
/* dropdown */ #nav-mobile-ul ul {	width: auto; position: static; display: block; border: none; background: inherit; }

#header { width:100%; background-color:#fff; height:150px; }
#header-content { width:90%; margin:0px auto; }
#header-logo img { width:300px; }
#header-logo { float:none; margin-top:0px; }
#header-logo-left { float:none; margin-top:-30px; padding-right:10px; }
#header-cart { float:none; width:100%; background-color:#FFF; }

}