/*** PERSONAL PAGE ***/
.hide { display: none; }

#top_bar {
	padding-top: 20px;
}

#h1title {
	width: 100%;
	float: left;
	margin: 0 0 30px;
	border-bottom: 1px solid #ddd; }
	
	#h1title h1 { display: inline-block; }
			
	#h1title .addThis { float: right; }
		
		#h1title .addThis span {
			font-size: 16px;
			float: left; }
			
table.findEvent {
	width: 100%;
	float: left;
	margin: 0 0 30px;
	background: #fff; }
	
	table.findEvent tr.odd { background: #fafafa; }
	
	table.findEvent thead { background: #e5e5e5; }
		
		table.findEvent thead th { 
			background: #424242;
			color: #fff;
			padding: 5px 10px;
			vertical-align: top; }
			
		table.findEvent thead .select2-container { display: block; }
			
	table.findEvent td { 
		padding: 5px;
		vertical-align: top; }
		
	table.findEvent tbody td {
		padding: 10px;
		border-bottom: 1px solid #cecece; }
	
	table.findEvent .btns { 
		width: 87px;
		padding: 10px 15px 5px 10px; }
		
	table.findEvent .event { width: 230px; }
	table.findEvent .deadline { width: 270px; }
	table.findEvent .goal { width: 184px; }
	table.findEvent .pledgesTo { width: 160px; }
		
	table.findEvent a.btn {
		width: auto;
		height: 28px;
		float: none;
		display: block;
		padding: 0;
		margin: 0 0 5px;
		background: url(../images/btn_greenbg.jpg) top left repeat-x;
		background: url(../images/svg/btn_greenbg.svg) top left repeat-x, linear-gradient(transparent, transparent);
		background-size: 1px;
		color: #fff;
		text-align: center;
		line-height: 28px; }
		
		table.findEvent a.btn:hover {
			text-decoration: none;
			background: #009400; }
			
	table.findEvent .pledgeGoal {
		display: block;
		padding: 5px 5px 3px;
		margin: 0 0 5px;
		border: 1px solid #129400;
		position: relative; }
		
		table.findEvent .pledgeGoal span {
			position: relative;
			z-index: 1; }
		
		table.findEvent .pledgeGoal div {
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 0;
			background: #a3de99; }
		
	table.findEvent .date { color: #939393; }
	
	table.findEvent .timer {
		width: 100%;
		float: left;
		margin: 5px 0 0; }
		
		table.findEvent .timer .digit3 {
			width: 70px;
			float: left;
			font-size: 13px; }
			
		table.findEvent .timer .digit2 {
			width: 45px;
			float: left;
			font-size: 13px; }
			
			table.findEvent .timer .digit3 div, table.findEvent .timer .digit2 div {
				width: 100%;
				height: 32px;
				float: left;
				padding: 0 0 0 4px;
				background: url(../images/icon_timer.png) top left no-repeat;
				background: url(../images/svg/icon_timer.svg) top left no-repeat, linear-gradient(transparent, transparent);
				background-size: 70px;
				font-size: 22px;
				color: #fff;
				line-height: 32px;
				letter-spacing: 12px; }
				
			table.findEvent .timer .digit3 span, table.findEvent .timer .digit2 span {
				float: left;
				margin: 2px 0 0; }
				
		table.findEvent .timer .colon {
			float: left;
			margin: 0 4px;
			font-size: 22px;
			line-height: 32px; }
			
#personalPage_wrap {
	width: 100%;
	float: left;
	padding-left: 214px; }

aside#personalPage_side {
	width: 214px;
	float: left;
	margin-left: -214px; }
	
	aside#personalPage_side h3 { 
		float: left;
		margin: 0 0 5px; }
	
	aside#personalPage_side hr {
		width: 100%;
		height: 1px;
		float: left;
		margin: 15px 0;
		background: #d8d8d8;
		border: none; }
	
	aside#personalPage_side .profilePic {
		width: 100%;
		float: left;
		margin: 0 0 10px;
		position: relative; }
		
		aside#personalPage_side .profilePic:hover a.editPic { display: block; }
		
	aside#personalPage_side .profilePic a.editPic {
		padding: 7px 10px 7px 7px;
		position: absolute;
		top: 0;
		right: 0;
		background: url(../images/editPic_bg.png) repeat;
		color: #fff;
		display: none; }
			
		aside#personalPage_side .profilePic a.editPic:hover { 
			text-decoration: none;
			background: #000; }
		
		aside#personalPage_side .profilePic a.editPic img { 
			width: 20px;
			height: 17px;
			vertical-align: middle;
			margin: 0 5px 0 0; }
			
	aside#personalPage_side .affiliation {
		width: 100%;
		float: left;
		margin: 0 0 10px; }
			
	aside#personalPage_side .login {
		width: 100%;
		float: left; }
		
		aside#personalPage_side .login .right { 
			float: right;
			margin: 5px 0 0; }
		
		aside#personalPage_side .login form {
			width: 100%;
			float: left;
			margin: 5px 0 0; }
			
			aside#personalPage_side .login input.text {
				width: 100%;
				padding: 8px 10px;
				margin: 0 0 10px;
				border: 1px solid #cfcfcf;
				background: #fafafa;
				font: inherit; }
				
				aside#personalPage_side .login input.text:hover, aside#personalPage_side .login input.text:focus {
					background: #fff;
					border-color: #aaa; }
					
			aside#personalPage_side .login .submitWrap {
				width: 100%;
				float: left;
				position: relative; }
				
				aside#personalPage_side .login .submitWrap:hover input.submit { background: #333; }
			
			aside#personalPage_side .login input.submit {
				width: 95%;
				height: 39px;
				float: left;
				padding: 8px 10px;
				background: #424242;
				border: none;
				color: #fff;
				font: inherit;
				text-align: left;
				cursor: pointer; }
				
				aside#personalPage_side .login input.submit:hover { background: #333; }
				
			aside#personalPage_side .login input.submitArrow {
				width: 39px;
				height: 39px;
				position: absolute;
				top: 0;
				right: 0;
				background: url(../images/icon_arrowRight.png) center center no-repeat #127BBF;
				background: url(../images/svg/icon_arrowRight.svg) center center no-repeat, linear-gradient(transparent, transparent), #127BBF;
				background-size: 39px;
				border: none;
				cursor: pointer; }
				
	aside#personalPage_side .login a.btn {
		width: 100%;
		height: 39px;
		float: left;
		padding: 0 0 0 12px;
		margin: 5px 0 0;
		background: #424242;
		color: #fff;
		line-height: 39px; }
		
		aside#personalPage_side .login a.btn span {
			width: 39px;
			height: 39px;
			float: right;
			position: static;
			background: url(../images/icon_arrowRight.png) no-repeat #127bbf;
			background: url(../images/svg/icon_arrowRight.svg) no-repeat, linear-gradient(transparent, transparent), #127bbf; }
			
		aside#personalPage_side .login a.btn:hover {
			text-decoration: none;
			background: #333; }
			
	aside#personalPage_side .login .forgetPassword { 
		width: 100%;
		float: left;
		margin: 15px 0 0;
		font-size: 14px;
		display: none; }

article#personalPage {
	width: 100%;
	float: right;
	padding-left: 30px; }
	
	
/*** RETINA DISPLAY ***/
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
		
	/*table.findEvent a.btn {
		background: url(../images/btn_greenbg@2x.jpg) top left repeat-x;
		background-size: 1px; }
		
	table.findEvent .timer .digit3 div, table.findEvent .timer .digit2 div {
		background: url(../images/icon_timer.png) top left no-repeat;
		background-size: 70px; }
		
	aside#personalPage_side .login input.submitArrow, aside#personalPage_side .login a.btn span {
		background: url(../images/icon_arrowRight.png) center center no-repeat #127BBF;
		background-size: 39px; }*/

}
	
	
/*** 1000px ***/
@media all and (max-width: 1000px) {

	table.findEvent td {
		width: 100% !important;
		float: left;
		padding: 10px !important;
		box-sizing: border-box; }
		
		table.findEvent td.btns { 
			margin: 20px 0 0;
			border: none; }
		
		table.findEvent td.btns a { 
			width: 87px;
			float: left;
			margin: 0 10px 0 0; }
		
		table.findEvent td.btns, table.findEvent td.event { 
			background: #424242;
			color: #fff; }
	
	#h1title .addThis span { display: none; }
	
	.hideMobile { display: none; }

}


/*** 720px ***/
@media all and (max-width: 720px) {
	
	.hide720 { display: none !important; }
	.show720 { display: block; }
	
	#h1title h1 {
		display: block;
		float: none;
		margin: 0 0 12px; }
		
	#h1title .addThis { float: left; }
	
	#personalPage_wrap { padding-left: 0; }
	
	aside#personalPage_side { 
		width: 100%;
		padding: 0 0 30px;
		margin: 0 0 30px;
		border-bottom: 1px solid #D8D8D8; }
	
		aside#personalPage_side .profilePic > img, aside#personalPage_side .affiliation img { width: auto; }
		
		aside#personalPage_side .profilePic, aside#personalPage_side .affiliation { width: 45%; }
		
		aside#personalPage_side .affiliation { float: right; }
	
	article#personalPage { 
		width: 100%;
		padding-left: 0; }

}


/*** 540px ***/
@media all and (max-width: 540px) {

	h2 { 
		font-size: 26px;
		margin: 0 0 10px; }
	
	h3 { font-size: 20px; }
	
	aside#personalPage_side .profilePic, aside#personalPage_side .affiliation { 
		width: 100%;
		text-align: center; }

}