@charset "UTF-8";
/* CSS Document */



/* QUOTE IMAGE */
.quote1 {
	position: relative;
	display: block;
	width: 736px;
	height: 62px;
	/*background: transparent url(images/quote1.gif) no-repeat top left;*/
}
.quote2 {
	position: relative;
	display: block;
	width: 736px;
	height: 62px;
	/*background: transparent url(images/quote2.gif) no-repeat top left;*/
}

/* <div class="quote1">
    /* <?php
		$imglist='';
		//$img_folder is the variable that holds the path to the banner images.
		// see that you dont forget about the "/" at the end
		$img_folder = "images/quotes/";
		mt_srand((double)microtime()*1000);
		//use the directory class
		$imgs = dir($img_folder);
		//read all files from the directory, checks if are images and ads them to a list (see below how to display flash banners)
		while ($file = $imgs->read()) {
		if (eregi("gif", $file) || eregi("jpg", $file) || eregi("png", $file))
		$imglist .= "$file ";
		} closedir($imgs->handle);
		//put all images into an array
		$imglist = explode(" ", $imglist);
		$no = sizeof($imglist)-2;
		//generate a random number between 0 and the number of images
		$random = mt_rand(0, $no);
		$image = $imglist[$random];
		//display image
		echo '<img src="'.$img_folder.$image.'" border=0>';
	?>
    </div> */

/* CONTAINER FOR HAITI RELIEF */


.inside-box7  {
	position: relative;
	display: block;
	padding-left: 12px;
	padding-right: 12px;
	width: 710px;
	height: 70px;
	color: #333;
	border: 1px #ccc solid;
	background: #ffffff;
}


/* CONTAINERS FOR SOLUTION AND SEEKERS */

.seekers2 {
	position: relative;
	display: block;
	width: 736px;
}


.seeker-contain {
	position: relative;
	display: inline;
	width: 480px;
	float: left;
	clear: both;
	margin-right: 27px;
}

.solver-contain {
	position: relative;
	display: inline;
	width: 228px;
	float: right; 
}

.member {
	float:left;
	clear:left;
	padding-left: 12px;
}
	
.member2 {
	position: absolute;
	width: 90px;
	padding-left: 8px;
	padding-top: 10px;
}

/* CONTAINER FOR SEND A SOLVER */

.head6 {
	position: relative;
	display: block;
	width: 736px;
	height: 31px;
	background: transparent url(images/head_ggic.gif) no-repeat top left;
}

.inside-box6  {
	margin-top: -20px;
	position: relative;
	display: block;
	padding-left: 12px;
	padding-right: 12px;
	width: 710px;
	height: 130px;
	color: #333;
	border: 1px #ccc solid;
	background: transparent url(images/bg_featured3.gif) repeat-x;
}


/* SOLUTION SEEKERS BOX */

.head4 {
	position: relative;
	display: block;
	width: 493px;
	height: 31px;
	background: transparent url(images/head_seekers.gif) no-repeat top left;
}

.inside-box4 {
	margin-top: -20px;
	position: relative;
	display: block;
	padding-left: 12px;
	padding-right: 12px;
	width: 467px;
	height: 280px;
	border: 1px #ccc solid;
	border-bottom: 0px #ccc solid;
	background: transparent url(images/bg_solution2.gif) repeat-x;
}

.seeker-list {
	position: relative;
	float: left;
	display: inline;
	clear: right;
	width: 450px;
	font-size: 12px;
	color: #333;
	margin-top: 12px;
	margin-bottom: 12px;
}

.seeker-list li {
	padding-bottom: 10px;
	color:#333;
	
}

.inside-box4 a {
	color: #03c;
}

.inside-box4 a:visited {
	color: #03c;
}

.inside-box4 a:hover {
	color: #333;
}

.line {
	border-top: 1px dotted #369;
	display: block
	clear: both;
}

/* PROBLEM SOLVERS BOX */

.head5 {
	position: relative;
	display: block;
	width: 228px;
	height: 31px;
	background: transparent url(images/head_solvers.gif) no-repeat top left;
}

.inside-box5 {
	margin-top: -20px;
	position: relative;
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	width: 226px;
	height: 280px; 
	border: 1px #ccc solid;
	border-bottom: 0px #ccc solid;
	background: transparent url(images/bg_featured4-2.gif) repeat-x;

}

.solver-list {
	position: relative;
	float: left;
	display: inline;
	width: 188px;
	font-size: 12px;
	color: #333;
	margin-top: 12px;
	margin-bottom: 12px;
	padding-left:0px;
	padding-right:0px;
	
}



.solver-list li {
	padding-bottom: 10px;	
	color:#333;
	margin-left:12px;	
}


.inside-box5 a {
	color: #03c;
}

.inside-box5 a:visited {
	color: #03c;
}

.inside-box5 a:hover {
	color: #333;
}


/* FEATURED CHALLENGE BOX */

.head {
	position: relative;
	display: block;
	width: 736px;
	height: 31px;
	clear:both;
	background: transparent url(images/head_featured.gif) no-repeat top left;
}

.inside-box {
	margin-top: -20px;
	position: relative;
	display: block;
	padding-left: 12px;
	padding-right: 12px;
	width: 710px;
	height: 180px;
	color: #333; 
	border: 1px #ccc solid;
	background: transparent url(images/bg_featured4.gif) repeat-x;
}

.inside-box a {
	color: #03c;
}

.inside-box a:visited {
	color: #03c;
}

.inside-box a:hover {
	color: #333;
}

/* CHALLENGE DISPLAY CSS */

.challenge-listing {
    line-height: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
 }

.listing-title {
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    color: #036;
}

.listing-title a {
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    color: #036;
}


.bluebg {
     height: 54px;
     padding: 10px 8px 10px 8px;
     background: url(images/challenge_bg.gif) repeat-x;
     border: 1px solid #ccc;
}

.reward {
    width: 260px;
    position: relative;
    display: inline;
    float: left;
    padding: 14px 0 0 0;
}

.type {
    width: 240px;
    position: relative;
    display: inline;
    float: left;
    padding: 14px 0 0 0;

}

.number {
    width: 100px;
    position: relative;
    display: inline;
    float: left;
    padding: 14px 0 0 0;

}

/* BROWSE CHALLENGES BOX */

.head2 {
	position: relative;
	display: block;
	width: 736px;
	height: 31px;
	background: transparent url(images/head_browse.gif) no-repeat top left;
}


.browse-list1 {
	position: relative;
	float: left;
	display: inline;
	width: 210px;
	font-size: 12px;
	line-height: 16px;
	margin-top: 12px;
	margin-bottom: 12px;
}

.browse-list2 {
	position: relative;
	float: left;
	display: inline;
	width: 210px;
	font-size: 12px;
	line-height: 16px;
	margin-top: 12px;
	margin-bottom: 12px;
}

.browse-list3 {
	position: relative;
	float: left;
	display: inline;
	width: 210px;
	font-size: 12px;
	line-height: 16px;
	margin-top: 12px;
	margin-bottom: 12px;
}


.inside-box2  {
	margin-top: -20px;
	position: relative;
	display: block;
	padding-left: 12px;
	padding-right: 12px;
	width: 710px;
	height: 180px;
	color: #333;
	border: 1px #ccc solid;
	background: transparent url(images/bg_solution2.gif) repeat-x ;
  
}

.inside-box2 a {
	color: #03c;
}

.inside-box2 a:visited {
	color: #03c;
}

.inside-box2 a:hover {
	color: #333;
}


/* NEWS & INFORMATION BOX */

.head3 {
	position: relative;
	display: block;
	width: 736px;
	height: 31px;
	background: transparent url(images/head_news.gif) no-repeat top left;
}

.inside-box3 {
	margin-top: -20px;
	position: relative;
	display: block;
	padding-left: 12px;
	padding-right: 12px;
	width: 710px;
	height: 170px;
	color: #333;
	border: 1px #ccc solid;
	background: transparent url(images/bg_featured.gif) repeat-x;
}

.news {
	position: relative;
	float: left;
	clear: both;
    margin-top: 12px;
	display: inline;
	width: 335px;
}

.news2 {
	position: relative;
	float: left;
	display: inline;
	width: 335px;
	margin-top: 12px;
	margin-left: 15px;
}

.news a, .news2 a {
	color: #03c;
}

.news a:visited, .news2 a:visited {
	color: #03c;
}

.news a:hover, .news2 a:hover {
	color: #333;
}

/*.video {
	position: relative;
	float: left;
	display: inline;
	width: 205px;
	border: 1px #eee solid;
	text-align: center;
	background-color: #fff;
	margin-top: 12px;
	margin-left: 15px;
	padding: 10px 10px 10px 10px;
	
}*/