body {
	font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	font-family:Helvetica Neue,Arial;
	background: white;
}

pre,
code {
  font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/
h1 {
font-size:28px;
color:#543930;
text-shadow:1px 0 1px #1cb0e5,3px 3px 0 #dfd8cb;
}

h2 {
font-size:19px;
color:#086f95;
text-shadow:1px 1px 0 #FFF;
}

h3 {
font-size:21px;
color:#3f2213;
margin:0;
}

h4 {
font-size:19px;
}

h5 {
font-size:17px;
}

h6 {
font-size:15px;
}


/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
list-style:decimal;
}

ul {
list-style:disc;
}


p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}

p{
	font-family: Helvetica;
	font-size: 14px;
}
a{
	color: #095f7f;
	text-decoration: none;
}
ul,li{
	display:inline-block;
	margin: 0;
}
h1,h2,h3,h4{
	font-family: Museo700;
	font-weight: normal;
}

h1{
	font-size: 28px;
	color: #543930;
	text-shadow: 1px 0 1px #1cb0e5,
				 3px 3px 0 #dfd8cb;
}
h2{
	font-size: 19px;
	color: #086f95;
	text-shadow: 1px 1px 0 #FFF;
}
h3{
	margin: 0;
	color: #3F2213;
}

/*Common colors*/
.blue{
	color: #095F7F;;
}
.red{
	color: #e26a51; /*Reddish orange*/
}



.page{
	width: 962px;
	margin: 0 auto 50px;
}
.indent {
    margin: 0 24px 20px 59px;
}
.inner-page{
	margin: 0 24px;
}

.carrot, .mob{
	font-size: 16px;
}
.carrot{
	float: left;
}
.mob{
	float: right;
	text-align: right;
}
.template {
    display: none;
}

/*Tooltips*/
	.tooltips{
		position: relative;
		cursor: pointer;
		display: inline-block;
		vertical-align: middle;
	}
	.tooltips p{
		font-size: 13px;
		margin-bottom: 0;
	}





#feedback{
	height: 100px;
	width: 35px;
	background: #3d2f2f;
	color: #FFF;
	position: fixed;
	right: 0;
	top: 300px;
	background: url(../../../../assets/stylesheets/assets/images/sprites.png) -287px -9px;
}
#contents{
	background: #f6f6f6;
	border-radius: 10px;
	border: 1px solid rgb(228, 228, 228);
	position: relative;
}
		#contents .detail .wrap{
			margin: 20px 20px 0;
		}
		#contents .detail p{
			text-align: justify;
			font-family: Helvetica, Arial;
            line-height: 18px;
		}
		#contents .detail h1{
			line-height: 25px;
		}
		#contents .detail .inner-wrap{
			margin: 0 10px;
		}

	#head .video{
		width: 617px;
		float: left;
		position: relative;
		z-index: 1;
	}
	#head .play-wrap{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
	}
	#head .detail{
		width: 341px;
		float: left;
		background: url(../../../../assets/stylesheets/assets/images/section_heading_bg.png) repeat-x 0 20px;
	}

	#head .callout{
		position: absolute;
		width: 385px;
		bottom: 30px;
		background: white;
		font-size: 10px;
		left: -50px;

		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;

		-moz-box-shadow: 0 1px 3px #000000;
		-webkit-box-shadow: 0 1px 3px #000000;
		box-shadow: 0 1px 3px #000000;
	}
	#head .callout p{
		font-size: 10px;
		margin-bottom: 10px;
	}
	#head .callout .wrap{
		margin: 15px;
	}

#campaigns{
	margin-bottom: 15px;
}
	#campaigns .wrapper{
		margin: 0 27px;
	}
	#campaigns ul.campaigns{
		width: 938px;
	}
	#campaigns .col:hover{
		background: #2a99c3;
        opacity: 0.8;
        filter:alpha(opacity=80);
	}
    #about #campaigns .col:hover{
        background: #DFD8CB;
        opacity: 1.0;
        filter:alpha(opacity=100);
    }
	#campaigns .col{
		cursor:pointer;
		width: 282px;
		margin: 0 28px 25px 0;
		background: rgb(192, 192, 192);
        opacity: 1.0;
        filter:alpha(opacity=100);

		-moz-box-shadow: 0 1px 2px gray;
		-webkit-box-shadow: 0 1px 2px gray;
		box-shadow: 0 1px 2px gray;

		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
		#campaigns .col:first-child{
			margin-left: 0;
		}
		#campaigns .col h2{
			margin:15px;
			height: 55px;
			overflow: hidden;
		}
		#campaigns div.info{
			background: #FFFFFF;
			color: #3F2213;#3F2213;
			padding: 15px;
			display: block;
			height: 135px;
			margin-bottom: 15px;
			-moz-box-shadow: inset 1px 1px 1px silver;
			-webkit-box-shadow: inset 1px 1px 1px silver;
			box-shadow: inset 1px 1px 1px silver;
		}
		#campaigns .info p{
			margin: 0;
		}
		#campaigns .col li:first-child{
			border: 0;
			padding: 0;
			height: 40px;
		}
		#campaigns .col li:last-child{
			height: 70px;
		}

		#campaigns .col li{
			display: block;
			margin: 0 15px 10px;
			padding: 10px 0;
			overflow: hidden;
			border-top: 1px solid #dbd4c6;
		}
		#campaigns .detail-wrap{
			height: 60px;
			width: 270px;
			line-height: 20px;
			vertical-align: middle;
			display: table-cell;
			text-shadow: 1px 1px 0 #FFF;
			color: #745646;
		}
		#campaigns .detail{
			float: left;
            margin: 0 15px;
            width: 240px
		}
        #campaigns .detail.left {
            margin: 0 50px 0 0;
            width: 400px;
        }
        #campaigns .detail.right {
            margin: 0;
            width: 420px;
            overflow: auto;
        }
		#campaigns .detail.last{
			margin: 0;
		}

			#campaigns .detail label{
				color: #3F2213;
				font-size: 14px;
				font-weight: bold;
				text-transform: uppercase;
			}
		#campaigns .vignette{
			overflow: hidden;
			box-shadow: 0 2px 2px gray inset;
			-moz-border-radius: 5px 5px 0 0;
			-webkit-border-radius: 5px 5px 0 0;
			border-radius: 5px 5px 0 0;

		}
		#campaigns .col .wrap{
			margin: 6px;
			z-index: 1;
			position: relative;
			background: rgb(226, 226, 226);
			padding-bottom: 15px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}

		#campaigns .action{
		  margin-right: 12px;
		  text-align: center;
		}

/*HEADER*/
	#header{
		position: relative;
		min-height: 40px;
		margin: 0px 0px 30px 0px;
		border-bottom: solid 2px #f6f6f6;
		padding: 10px 25px;		
		font-family: Museo700;
		min-width: 962px;
	}
	#header a{
		color: #2a8fad;		
	}
	#header a:hover{
		color: #5ac7e8;	
	}
	#header .bluebutton{
		color: white !important;
	}
	#header .logo{
		width: 189px;
		height: 35px;
		background: url(/assets/images/orange-logo-word-35.png);
	    display: inline-block;
	}
	
/*Top Navigation*/
	#nav{
		margin: 8px 0px 0px 28px;
		display: inline-block;
		vertical-align: top;
		font-weight: normal;
		font-size: 18px;	
	}
	#nav a .beta{
		color: #e26a51;
		font-size: 9px;
		position: relative;
		top: -8px;
		left: -2px;
	}
	#nav li{
		margin: 0 15px 0 0;
		padding: 3px 10px;
	}
	#nav li.active{
	}
	#nav li:hover{
	}
/*Subnavigation*/
/*Sub Navigation (e.g. Used on organize page)*/
	#subnav{
		text-align: right;
		padding-right: 30px;
		color: #999;
		font-size: 18px;
		font-weight: 200;
		margin-top: -18px;
		display: block;
		width:962px;
		margin: 0px auto;
	}
	#subnav span{
		padding: 3px 20px 3px 20px;
		margin: 0px -3px;
		cursor: hand;
		cursor: pointer;
		border-right: 1px solid #E9E9E9;
		border-top: 1px solid #E9E9E9;
		display: inline-block;
		text-align: center;
	}
	#subnav .first{
		border-left:1px solid #E9E9E9;
		border-top-left-radius: 5px;
		-moz-border-top-left-radius:5px;
		-webkit-border-top-left-radius:5px;
		-opera-border-top-left-radius:5px;
		-khtml-border-top-left-radius:5px;

	}
	#subnav .last{
		border-top-right-radius: 5px;
		-moz-border-top-right-radius:5px;
		-webkit-border-top-right-radius:5px;
		-opera-border-top-right-radius:5px;
		-khtml-border-top-right-radius:5px;	
	}
	#subnav .active{
		font-weight: bold;
		color: #2a8fad;
	}
	
	
	
	
	
	

/*Login*/
	.loginBox{
		display: inline-block;
		border-left: solid 1px #f6f6f6;
		padding: 0px 0px 0px 20px;
		height: 100%;
		position: absolute;
		right: 25px;
	}
	.loginBox .text{
		padding-top:2px;
	}
	.loginBox .bluebutton{
		font-size: 12px;
		padding: 8px 7px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-ms-filter: none;
		filter: none;
		border: none;
	}
	.loginBox .or{
		margin: 6px 7px 0px 4px;
		font-size: 14px;
		vertical-align: top;
		display: inline-block;
	}
	.loginBox .loggedin{
		position:relative;
	}
	#loginName{
		font-size: 19px;
		color: #AAA;
		margin-top: 8px;
		cursor: pointer;	
	}
	#loginName .downchevrongray{
		margin:0px 0px 0px 8px;
	}
	#loginName:hover{
		opacity: 0.8;
		filter:alpha(opacity=80);
	}
	#loginMenu{
		position: absolute;
		top: 31px;
		left: -21px;
		border: solid 1px #f6f6f6;
		border-radius: 3px;
		min-width: 155px;
		background: white;
		z-index: 10;
	}
	#loginMenu a{
		display: block;
		padding: 9px 20px;
		font-size: 14px;
	}
	#loginMenu a:hover{
		background-color: #f6f6f6;
	}


.login-form-wrap{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 1;
	display: none;
}
.login-form-bg{
	width: 100%;
	height: 100%;
	background: #000000;
	position: absolute;
	top: 0;

	opacity: .5;
	filter:alpha(opacity=50);

}
.login-form-bg2{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
}
.login-form-wrap2{
	width: 490px;
	padding: 10px;
	margin: 180px auto;
	position: relative;
}
.login-form-bg2{
	background: #000000;
	opacity: .5;
	filter:alpha(opacity=50);

	border-radius: 15px;

}
#login-form{
	position: relative;
	width: 520px;
	z-index: 1;

	border-radius: 8px;
}
	#login-form .forgotPassword {
		margin: -10px 0 0 0;
		display: block;
		font-size: 11px;
	}
	#login-form .wrap{
		margin: 0 10px;
		padding: 15px 0;
	}
	#login-form .form{
		margin-top: 15px;
	}
	#login-form h1{
		color: #543930;
		margin-bottom: 10px;
		text-shadow: 1px 0 1px #1CB0E5;
	}
	#login-form .email-updates {
		margin-bottom: 15px;
	}
	#login-form input{
		width: 196px;
	}
	#login-form .form h1{
		font-size: 20px;
		margin-bottom:5px;
	}
	#login-form .form .col{
		float: left;
		width: 220px;
		border-left: 2px solid #ada5a3;
		margin-left: 20px;
		padding-left: 20px;
		margin-bottom: 10px;
	}
	#login-form .form .col:first-child{
		border-left: none;
		margin-left: 0;
		padding-left: 0;
	}

	#login-form .fb-row{
		font-size: 11px;
	}
	#login-form .messageBar{
		padding: 5px 10px;
		border: 1px solid #e76d00;
		background: #ffddbe;
		color: #292929;
		font-size: 15px;
		margin-bottom: 15px;
		display: none;
	}
	#login-form .bluebutton{
		width: 196px;
		text-align: center;
	}
	

	.tooltip{
		position: absolute;
		min-width: 370px;
		top: 25px;
		background: white;
		font-size: 13px;
		left: -22px;
		line-height: 17px;

		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;

		-moz-box-shadow: 0 1px 3px #000000;
		-webkit-box-shadow: 0 1px 3px #000000;
		box-shadow: 0 1px 3px #000000;
        z-index: 1;
	}
	.tooltip.mini{
		left:-48px;
	}
		.tooltip .wrap{
			margin: 0 15px;
			padding: 15px 0;
		}

#login span.name {
    cursor: default !important;  /* TODO fix hack */
}
#login span.bar {
    cursor: default !important;  /* TODO fix hack */
    padding-left:  10px;
    padding-right: 10px;
}

/*Debug bar*/
#debug{
	position: relative;
	background: #f6f6f6;
	padding: 0px 40px;
	text-align: center;
}

/*Footer*/
	#footer{
		font-family: Museo700;
		font-size: 14px;
		color: white;

		background-color: #2a8fad;		
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54A5BF', endColorstr='#2A8DAB');
		background: -webkit-gradient(linear, left top, left bottom, from(#54A5BF), to(#2A8DAB));
		background: -moz-linear-gradient(top, #54A5BF, #2A8DAB);
		min-width: 962px;
	}
	#footer a{
		color: white;
	}
	
	/*Text links*/
	#footer .links{
		margin: 0px auto;
		display: table;
		padding: 30px 0px 30px 0px;
		font-size: 18px;
	}
	#footer .links li{
		display: inline-block;
		margin: 0px 25px;
		min-width: 65px;
		text-align: center;
	}
	#footer .links a{
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
	#footer .links a:hover{
		opacity: 1;
		filter: alpha(opacity=100);
	}

	
	#footer .logo{
		background-position: 0 -80px;
		position: absolute;
		top: 60px;
		right: 0;
	}
	#footer .social-media{
		display: table;
		margin: 0px auto;
		padding: 0px 0px 40px 0px;
	}
	#footer .social-media li{
		margin: 0px 15px;
	}
	#copyright {
		font-size: 10px;
		opacity: 0.4;
		filter: alpha(opacity=40);
		padding: 0px 0px 20px 0;
		text-align: center;
	}
	#copyright a{
		text-decoration: underline;
	}
	#copyright a:hover{
	}

	

/*Inputs*/
	/*form input[type=text], form input[type=password] {*/
	input[type=text], input[type=email], input[type=password] {
		width: 225px;
		border: 1px solid #9c9c9c;
		padding: 8px 10px 5px;
		color: #352d2b;
		font-size: 16px;
		font-family: Helvetica;
		margin-bottom: 10px;
	
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	/*form input[type=text].error, form input[type=password].error {*/
	input[type=text].error, input[type=email].error, input[type=password].error {
		box-shadow: 0 0 5px #e76d00;
		border: 1px solid #e76d00;
	}	
	/*form input.placeholder {*/
	input.placeholder {
	    display: none;
		color:#ada5a3;
	}
	input.placeholder{
		display: none;
		color:#ada5a3;
	}
	textarea.placeholder{
		display: none;
		color:#ada5a3;
	}
	textarea{
		font-family: inherit;
	}
	/* Preview text in input fields */
	.input-preview{
		color: #9C9C9C !important;
	}
	
/*Butterbar*/	
.butter_bar {
	background: #ffc;
	border: solid 1px #cc6;
	color: black;
	margin: 15px auto;
	padding: 15px;
	font-size: 17px;
	font-family: Museo700;
	position: relative;
	border-radius: 10px;
	width: 932px;
}
.butter_bar button {
    position: absolute;
    right: 10px;
    top: 12px;
}
/*Butterbar for ended campaigns (red)*/
.butter_bar.ended{
	background: #75201E;
	color: white;
	font-size: 18px;
	margin:10px 0px;
	position: static;
	width: auto;
}



.progress {
  background: url(../../../../assets/stylesheets/assets/images/buttons_new3.png);
  background-position: -376px -183px;
  width: 244px;
  height: 25px;
  margin: 5px auto 0; }
  .progress.two {
    background-position: -376px -208px; }
  .progress.three {
    background-position: -376px -233px; }
  .progress.four {
    background-position: -376px -258px; }
  .progress.five {
    background-position: -376px -283px; }

.progressBar{
	width: 100%;
	background: #4e4643;
	padding: 8px 0;
	position: relative;

	-moz-box-shadow: 0 0 5px #000000 inset;
	-webkit-box-shadow: 0 0 5px #000000 inset;
	box-shadow: 0 0 5px #000000 inset;
}
.progressBar .bar{
	background: url(../../../../assets/stylesheets/assets/images/progress-bar.png);
	height: 31px;
	width: 60%;
	margin: 0 10px;

	-moz-box-shadow: 0 0 5px gray;
	-webkit-box-shadow: 0 0 5px gray;
	box-shadow: 0 0 5px gray;
}
.progressBar h3{
	line-height: 55px;
	margin-left: 10px;
	text-align: center;
	font-family: Arial;
	font-size: 25px;
	font-weight: bold;
	color: #2c850d;
	text-shadow: 0 1px 0 #FFF;
}
.icon.status{
	width: 96px;
	height: 58px;
	position:absolute;
	top: -4px;
	left: 57%;
	background-position: -325px -8px;
}


.icon{
	background: url(../../../../assets/stylesheets/assets/images/sprites.png);
}

.icon.info{
	background-position: -288px -112px;
	width: 16px;
	height: 16px;
	position: absolute;
	bottom: 3px;
	left: 5px;
	cursor: pointer;
}
.icon.if-arrow{
	background-position: -332px -70px;
	position: absolute;
	bottom: -26px;
	left: 147px;
	width: 121px;
	height: 30px;
}

.callout .icon{
	background-position: -311px -112px;
	width: 14px;
	height: 12px;
	left: 56px;
	position: absolute;

}
.tooltip .icon{
	background-position: -328px -112px;
	width: 18px;
	height: 12px;
	left: 47px;
	top: -9px;
	position: absolute;

}

#twitter.icon{
	background-position: 0 -160px;
	width: 55px;
	height: 20px;
}
#fb.icon{
	background-position: -62px -160px;
	width: 55px;
	height: 20px;
}
#google.icon{
	background-position: -118px -160px;
	width: 55px;
	height: 20px;
}
#dashboard.icon{
	background-position: -60px -186px;
	width: 85px;
	height: 20px;
}
#follow.icon{
	background-position: 0 -186px;
	width: 60px;
	height: 20px;
}
#tweetbird.icon{
	background-position: -432px -10px;
	width: 57px;
	height: 38px;

}


.share_bg{
	background: url(../../../../assets/stylesheets/assets/images/share_bg.png);
	width: 236px;
	border: 1px solid #e5e5e5;
	position: absolute;
	right: 25px;
	top: -15px;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.share_bg .inner {
	/*background: rgb(230, 230, 230);*/
	background: white;    
    border: 1px solid #E5E5E5;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    margin: 8px;
}
.share_bg ul {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    margin: 15px 0;
    opacity: 0.3;
    filter:alpha(opacity=30);
    
}
.share_bg li {
    margin: 0 0 0 15px;
}
.detail .if, .detail .then {
    background: none repeat scroll 0 0 #F1EDE6;
    box-shadow: 0 1px 1px #A4A4A4;
    padding: 15px 10px;
    width: 400px;
    overflow: hidden;
}
.detail .if {
    margin-bottom: 10px;
    position: relative;
}

.section_title{
	background: url(/assets/stylesheets/assets/images/section_title_bg.png) 0 5px;
	position: relative;
	margin: 10px 0 5px;
}
	.section_title h1{
		margin-left: 30px;
        margin-bottom: 0px;
	}
.section_title_sub {
	margin-left: 30px;
}
.inset{
	text-shadow: 1px 1px 0 #FFFFFF;
}
.vignette{
	-moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.9) inset;
	-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.9) inset;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.9) inset;

	-moz-border-radius: 10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;
}
	.vignette img{
		position: relative;
		z-index: -1;

		-moz-border-radius: 10px 0 0 0;
		-webkit-border-radius: 10px 0 0 0;
		border-radius: 10px 0 0 0;
	}

.tooltip, .callout{
	display: none;
}

#login-form form{
	display: none;
}

.controls{
	margin-bottom: 15px;
}
	.controls .active{
		color: #3f2213;
	}
	.links li, .filters li{
		margin: 0 15px;
	}
	.links li:first-child, .filters li:first-child{
		margin-left: 0;

	}
	.controls .links{
		float: left;
	}
	.controls .filters{
		float: right;
	}
	.controls .filters li{
		margin: 0 5px;
	}
	.controls .filters li:last-child{
		margin-right: 0;
	}


#tos {

}
    #tos ol, #tos ul {
        font-size: 14px;
        margin-left: 30px;
        margin-bottom: 20px;
    }
    #tos li {
        display: list-item;
    }

#privacy_policy {

}
    #privacy_policy ol, #privacy_policy ul {
        font-size: 14px;
        margin-left: 30px;
        margin-bottom: 20px;
    }
    #privacy_policy li {
        display: list-item;
    }


table.users td {
	padding: 5px;
}

table.users input[type='text'] {
	width: 300px;
}

.slider {
	float: left;
}

.slider .main img {
	width: 445px;
	height: 250px;
}

.slider ul {
	font-size: 0;
	margin-top: 10px;
}

.slider li {
	font-size: 100%;
	margin-left: 11px;
}

.slider li:first-child {
	margin-left: 0;
}

.slider li img {
	width: 65px;
	height: 45px;
}

hr.thick {
	background: #1b7b9f;
	height: 4px;
	border: none;
	margin: 0;
}

#about #campaigns .col h2 {
    line-height: 28.5px;
}
.social_share {
    margin: 1em;
}


/*Social share box*/
.share-content .button{
	display:inline-block;
}
.share-content .button:hover{
	opacity:0.85;
}




/*For Feedback Button*/
#feedback-button, #survey-button{
	z-index: 0;
}
#feedback-button{
	font-family: Museo700;
	font-size: 20px;
	opacity: 0.9;
	filter:alpha(opacity=90);
	color: white;
	text-align: center;
	background: #3D2F2F;
	border: 3px solid #EEE;
	border-radius: 10px;
	padding: 3px 0px 15px 0px;
	height: 50px;
	width: 105px;
	position: fixed;
	right: -50px;
	top: 510px;
	cursor: hand;
	cursor: pointer;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#feedback-button:hover {
    right: -40px;
}
.feedback-contents{
	padding:20px;
}
.feedback-contents input, .feedback-contents textarea{
	display:block;
}
.feedback-contents textarea{
	width: 425px;
	height: 135px;
	padding: 8px 10px 5px;
}
.feedback-contents .button{
	margin-top: 15px;
}
.feedback-contents .bluebutton{
	width: 160px;
	margin: 10px 0px 0px 0px;
}


/*For Survey Button*/
#survey-button {
	/*color*/
	background: #3D2F2F;
	opacity: .9;
	filter:alpha(opacity=90);
	color: white;
	
	/*border*/
	border: 3px solid #EEE;
	border-radius: 10px;
	
	/*font*/
	font-family: Museo700;
	font-size: 20px;
	text-align:center;

	/*position*/
	height:50px;
	width:105px;
	position: fixed;
	right: -50px;
	top: 397px;
	padding: 3px 0px 15px 0px;
	
	/*pointer*/
	cursor:hand;
	cursor:pointer;
	
	/*rotate*/
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /*Needed for IE*/
}
#survey-button:hover{
	right:-40px;	
}
#survey-button a{
	text-decoration:none;
	color:white;	
}



/*Errors*/
	/*Older version*/
	#errors, #errors_dialog {
	  border: 1px solid #900;
	  border-radius: 10px;
	  padding: 10px;
	  margin: 20px 0;
	  background: #fdd;
	  display: none;
	}
	#errors li, #errors_dialog li {
	  display: list-item;
	  margin-left: 35px;
	}

	/*User errors to print on page - newer version*/
	.user-errors{
		color: red;
		border: solid 2px;
		border-color: red;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 8px;
		padding-left: 20px;
		display: none;
	
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-opera-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;
	}
	.error-item{
		margin:3px;	
	}




.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
.bold{
	font-weight: bold;
}
.spacer{
	visibility: hidden;
}

.font-0{
	font-size: 0;
}
.font-11{
	font-size: 11px;
}
.font-12{
	font-size: 12px;
}
.font-13{
	font-size: 13px;
	font-weight: bold;
}
.font-14{
	font-size: 14px;
}
.font-15{
	font-size: 15px;
	font-weight: bold;
}
.font-20{
	font-size: 20px;
}
.font-25{
	font-size: 25px;
}
.font-georgia{
	font-family: Georgia;
}
.font-arial{
	font-family: Arial;
}

.margin-bottom-5{
	margin-bottom: 5px;
}
.margin-bottom-10{
	margin-bottom: 10px;
}

.margin-bottom-15{
	margin-bottom: 15px;
}
.margin-bottom-20{
	margin-bottom: 20px;
}
.margin-bottom-25{
	margin-bottom: 25px;
}

.margin-bottom-30{
	margin-bottom: 30px;
}
.margin-bottom-35{
	margin-bottom: 35px;
}


.margin-right-25{
	margin-right: 25px;
}
.margin-right-26{
	margin-right: 26px;
}
.margin-right-30{
	margin-right: 30px;
}

.hide{
	display:none;
}
.hidden{
	display:none;
}


.list ul, .list li{
	display: block;
}

#template{
	display: none;
}

.col{
	display: inline-block;
	vertical-align: top;
}

.dropdown select{
	display: none;
}


.overlay-wrap{
	position: absolute;
	top: 0;
	width: 100%;
	opacity: .5;
	filter:alpha(opacity=50);
}
	.overlay-wrap div{
		margin: 0 auto;
	}
	

/* Clear Floated Elements */
/* http://sonspring.com/journal/clearing-floats */
	.clear {
	  clear: both;
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0;
	}

/*For custom facepile*/
	.facepile-photos img{
		margin-bottom: 5px;
		margin-right: 2px;
		max-height: 28px;
		border-style: solid;
		border-width: 1px;
		border-color: #CCC;
	}
	.facepile-text{
		color: #999;
		font-family: "Helvetica Neue",Arial,sans-serif;
		font-weight: 200;
		font-size: 10px;
		line-height: 11px;	
	}
	.facepile .fb_logo_sm {
		background: url(http://static.ak.fbcdn.net/rsrc.php/v2/y7/r/ql9vukDCc4R.png) -1px -45px no-repeat;
		width: 17px;
		height: 15px;
		float: left;
	}




/*Rounded graybox*/
/*Note: Different in IE*/
	.graybox{
		padding: 10px;
		padding-left: 140px;
		margin-top: 20px;
		margin-bottom: 20px;
		/*background-color: rgba(190, 190, 190, .2);*/
		background-color: rgb(230, 230, 230);
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-opera-border-radius:10px;
		-khtml-border-radius:10px;
		border-radius:10px;
		
		position:relative;
	}


/*For giant buttons: OLD button versions*/
/*Button during load*/
	.button-load {
		position: absolute;
		top: 15px;
		left: 93px;
	}


/*Question Mark*/
.question-mark {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 25px;
	margin: 9px 0px 0px 5px;
	background-repeat: no-repeat;
	background-image: url(https://e5ff78a947ef9b7b2543-785e45b6c29b525fedef9eeffedf8b4d.ssl.cf2.rackcdn.com/question_mark_20.png);
}
.question-mark-mini {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	background-image: url(/assets/images/question_mark_15.png);
}


/*Close-button*/
.close-button{
	position: absolute;
	top: -10px;
	right: -10px;
	width: 33px;
	height: 32px;
	background: url(../../../../assets/stylesheets/assets/images/sprites.png) repeat scroll -288px -130px transparent;
	display: inline-block;
	z-index: 5;
	cursor: pointer;	
}
.close-button:hover{
	background-position:-288px -162px;
}

/*Horizontal line*/
.hline {
	border-top: 1px solid rgb(211, 211, 211);
	border-bottom: 1px solid rgb(250, 250, 250);
	-moz-box-shadow: 0px 0px 18px rgb(228, 228, 228);
	-webkit-box-shadow: 0px 0px 18px rgb(228, 228, 228);
	box-shadow: 0px 0px 18px rgb(228, 228, 228);
	margin: 5px auto;
	height: 0px;
	display: block;
}
/*Vertical line*/
.vline{
	width:1px solid rgb(211, 211, 211);
	position:absolute;
	height: 100%;
	top: 0px;
	right: -2px;
	border-left: 1px solid rgb(211, 211, 211);
	border-right: 1px solid rgb(250, 250, 250);
	-moz-box-shadow: 0px 0px 18px rgb(228, 228, 228);
	-webkit-box-shadow: 0px 0px 18px rgb(228, 228, 228);
	box-shadow: 0px 0px 18px rgb(228, 228, 228);
}

/*Standard photo-border*/
.photo-border{
	border: solid 2px #E9E9E9;
}

.prototype{
	display:none;
}



/*Change Survey and Feedback Buttons at 1200px*/
@media screen and (max-width:1200px){
	#survey-button, #feedback-button{ 
		display: none;
	}
}