/* ************* */

/* DEFAULT STYLES */

/* ************* */



html {

	margin: 0

}



body {

	margin:     0;

	color:      #FFFFFF;

	background: #FFFFFF;

}




h1 {

	font-family: 'HelveticaNeueW01-95Blac', Arial, sans-serif;

}



h1 {

	color:          #58595B;

	font-size:      47px;

	margin-bottom:  0px;

	margin-top:     53px;

	line-height:    45px;

	font-weight:    normal;

	text-transform: uppercase;

}



h1 span {

	color: #d03238;

}



h2 {

	margin:      0 0 0px 0;

	color:       #58595B;

	font-size:   22px;

	float:       left;

	width:       50%;

	line-height: 29px;

}



/* ************* */

/* HEADER STYLES */

/* ************* */



#header {

	width:         100%;

	height:        140px;

	border-bottom: 10px solid #FAFAFA;

	background:    url("/images/donation-form/bg.jpg") repeat-x left top #212121;

	color:         #FFFFFF;

}



#header a.phone {

	height:     64px;

	width:      300px;

	float:      right;

	margin-top: 40px;

	display:    block;

}



#header a.phone img {

	width:  80%;

	height: auto;

}



#header .nav_container {

	float:      right;

	text-align: right;

	width:      50%;

	margin-top: 50px;

}



#header a.nav {

	width:           128px;

	text-align:      right;

	padding-top:     3px;

	margin-right:    5px;

	display:         inline-block;

	color:           #FFFFFF;

	text-decoration: underline;

	text-transform:  capitalize;

}



#header a.nav:hover {

	color:           #d03238;

	text-decoration: underline;

}



#header .gcit_logo_grid {

	float: left;

}



#header a.gcit_logo {

	display:     block;

	padding-top: 8px;

	text-align:  left;

}



#header a.gcit_logo img {

	margin-top: 7px;

}



.statement_class {

	color:         #BFBFBF;

	text-align:    right;

	font-weight:   bold;

	font-style:    italic;

	margin-bottom: 10px;

}



/* **************************** */

/* CONTENT STYLES & FORM STYLES */

/* **************************** */



#content {

	color: #000000;

	width: 100%;

}



.form_header {

	border-bottom:  2px solid #d03238;

	padding-bottom: 9px;

	margin:         0 0 20px 0;

}



.form_outer {

	-webkit-border-radius: 5px;

	-moz-border-radius:    5px;

	border-radius:         5px;

	margin:                30px 0 30px;

	padding:               20px 0;

}



.form_outer.less_margins {

	margin:      30px 0 50px;

	padding-top: 0;

}



.form_inner {

	padding:    20px 30px;

	background: #FAFAFA;

}



.secure_payments_heading {

	font-size:  18px;

	color:      #d03238;

	float:      right;

	width:      50%;

	text-align: right;

	margin-top: 5px;

}



.secure_payments_text, .secure_payments_icons {

	display: inline-block;

}



.secure_payments_icons img {

	margin-left: 10px;

	margin-top:  -2px;

}



.split {

	float:        left;

	margin-right: 5%;

	width:        45%;

}



.split.second {

	float:        left;

	margin-right: 0;

	margin-left:  5%;

}



.submit_container {

	float:       right !important;

	text-align:  right;

	width:       30%;

	padding-top: 37px;

}



.required_fields_heading {

	font-size: 11px;

}



.form_required i, .required_fields_heading i {

	color: #d03238;

}



.form_label, .form_required, .form_field {

	margin: 6px 0;

}



.form_label {

	width:   auto;

	padding: 7px 0 0 0;

	clear:   both;

}



.form_required {

	width:   5%;

	padding: 10px 0 0 3%;

}



.form_field {

	width:      100%;

	min-height: 30px;

}



#content .errorInput {

	background:         url(/images/icons/error.gif) no-repeat right 3px #FFFFFF;

	-webkit-box-shadow: #E59595 0 0 4px;

	-moz-box-shadow:    #E59595 0 0 4px;

	box-shadow:         #E59595 0 0 4px;

	border:             1px solid #CC0000;

}



.imageVerification * {

	vertical-align:  middle;

	margin:          0 5px 0 0;

	text-decoration: none !important;

}



.imageVerification input {

	width: 25%;

}



.errorText {

	color: #CC0000;

}



input.hintText, .form_note {

	color: #999999;

}



/* ================================= */

/* Errors / Info / Caution */

/* ================================= */



.error_box, .info_box, .information_box {

	margin:       0 0 15px 0;

	padding:      15px;

	border-width: 3px;

	border-style: solid;

	color:        #555555;

}



.error_box {

	border-color:     #C30000;

	background-color: #FFF2ED;

	color:            #C30000;

}



.info_box {

	border-color:     #D5F296;

	background-color: #F2FCDC;

}



.information_box {

	padding:          5px;

	font-weight:      bold;

	border-color:     #A2CEED;

	background-color: #C5E4ED;

}



#content .error_box ul {

	margin-bottom: 0;

	padding:       0 0 0 20px;

}



.info_box i {

	margin: 0 8px 0 0;

}



/* ================================= */

/* Message Boxes */

/* ================================= */



.msg_box {

	position:     relative;

	margin:       20px 0;

	padding:      10px 10px 10px 45px;

	width:        640px;

	width:        94.2%;

	border-width: 2px;

	border-style: solid;

	/* border-radius: 5px; */

	color:        #555555;

}



.msg_box.info {

	background:   #E1F2F7 url('/images/icons/information.png') no-repeat 15px 11px;

	border-color: #C5E4ED;

}



.msg_box.success {

	background:   #F2FCDC url('/images/icons/accept.png') no-repeat 15px 11px;

	border-color: #D5F296;

}



.msg_box.caution {

	background:   #FFFCD9 url('/images/icons/error.png') no-repeat 15px 11px;

	border-color: #F5F0AE;

}



.msg_box.error {

	background:   #FFF2ED url('/images/icons/exclamation.png') no-repeat 15px 11px;

	border-color: #F5C2AE;

}



.msg_box a.close {

	position: absolute;

	top:      3px;

	right:    0px;

	padding:  5px 10px;

}



/* **************************** */

/* INPUT STYLES & SUBMIT STYLES */

/* **************************** */



input[type="text"], input[type="email"], input[type="number"], input[type="url"], input[type="password"], textarea, select {

	width:                 100%;

	-moz-sizing:           border-box;

	-o-sizing:             border-box;

	-wqebkit-sizing:       border-box;

	box-sizing:            border-box;

	padding:               8px;

	text-align:            left;

	border:                1px solid #ABADB3;

	-webkit-border-radius: 3px;

	-moz-border-radius:    3px;

	border-radius:         3px;

}



input[type="text"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="url"]:hover, input[type="password"]:hover, textarea:hover {

	border:             1px solid #d03238;

	-webkit-box-shadow: inset 0px 2px 1px -1px rgba(0, 0, 0, 0.2);

	box-shadow:         inset 0px 2px 1px -1px rgba(0, 0, 0, 0.2);

}



input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus {

	animation:          pulse .5s 1;

	-webkit-animation:  pulse .5s 1; /* Safari and Chrome */

	border:             1px solid #d03238;

	-webkit-box-shadow: inset 0px 2px 1px -1px rgba(0, 0, 0, 0.2);

	box-shadow:         inset 0px 2px 1px -1px rgba(0, 0, 0, 0.2);

}



input[type="submit"], button {

	font-family:           Arial, Helvetica, sans-serif;

	padding:               12px 30px;

	font-size:             12px;

	text-transform:        uppercase;

	background:            #d03238;

	color:                 #FFFFFF !important;

	border:                1px solid #b82c31;

	border-bottom:         4px solid #b82c31;

	-webkit-border-radius: 3px;

	-moz-border-radius:    3px;

	border-radius:         3px;

	margin-right:          0;

}



input[type="submit"]:hover, button:hover {

	background: #eb383e;

}



input[type="submit"]:active, button:active {

	background: #9e262a;

}



.disabled-class {

	-ms-filter:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";

	filter:         alpha(opacity=75);

	-moz-opacity:   0.75;

	-khtml-opacity: 0.75;



	/* Good browsers */

	opacity:        0.75;

}



/* **************************** */

/* FOOTER STYLES*/

/* **************************** */



#footer {

	height:     160px;

	background: url("/images/donation-form/bg.jpg") repeat-x left top #212121;

}



.social_bar {

	width:      100%;

	background: #FAFAFA;

}



.social_bar .ic {

	float:   left;

	width:   20px;

	height:  20px;

	padding: 10px 13px 10px 0px;

}



.social_bar .ic a {

	color:           #58595B;

	text-decoration: none;

	font-size:       29px;

}



.social_bar .ic a:hover {

	color: #d03238;

}



.back_link {

	color:           #000000;

	display:         block;

	text-decoration: none;

	padding:         5px 0;

	float:           right;

	margin-top:      5px;

}



.back_link:hover {

	color:           #2F2F2F;

	text-decoration: underline;

}



#footer .info {

	padding:    20px 0 0 0;

	color:      #FFFFFF;

	text-align: center;

}



#footer a {

	color: #FFFFFF;

}



#footer a:hover {

	color: #d03238;

}



/* **************************** */

/* MEDIA QUERY - MOBILE STYLES */

/* **************************** */



/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {



	#header {

		height: 123px;

	}



	#header a.gcit_logo {

		text-align: left;

	}



	#header a.gcit_logo img {

		text-align: left;

		width:      80px;

		margin-top: 11px;

	}



	.split {

		float:        none;

		margin-right: 0%;

		width:        100%;

	}



	.split.second {

		float:       none;

		margin-left: 0;

	}



	.social, .back_ {

		width: 50% !important;

	}



	.secure_payments_heading {

		float:      none;

		width:      100%;

		text-align: left;

	}



	h2 {

		width: 100%;

	}



	#header .nav_container {

		margin-top: 43px;

	}



	.gcit_logo_grid {

		width: 50% !important;

	}



	.gcit_phone img {

		width: 100%;

	}

}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {

	h1 {

		font-size:   36px;

		line-height: 35px;

	}



	.secure_payments_heading {

		font-size: 14px;

	}



	h2 {

		font-size:   17px;

		line-height: 25px;

	}



	.form_header {

		padding-bottom: 5px;

	}

}