/* --- General Styles */ 

body {
	background-image: url('../../uploads/layout/page-bg.jpg');
	background-position: top center;
	background-repeat: repeat-x;
	background-color: #D7E0F2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.l { float: left; }
.r { float: right; }
.c { clear: both; }

.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.tj { text-align: justify; }

.wrapper {
	width: 1000px;
	margin: auto;
	padding-bottom: 30px;
}

.if { display: none; }

.osc {
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	color: #6C93E0;
	font-weight: normal;
	font-weight: 300;
}

h1 { font-size: 2.5em; margin: .5em 0; }
h2 { font-size: 2em; margin: .5em 0; }
h3 { font-size: 1.5em; margin: .4em 0; }
h4 { font-size: 1.35em; margin: .4em 0; }
h5 { font-size: 1.2em; margin: .3em 0; }
h6 { font-size: 1em; margin: .3em 0; }


.width_10 { float: left; width: 10%; }
.width_20 { float: left; width: 20%; }
.width_30 { float: left; width: 30%; }
.width_33 { float: left; width: 33.333333%; }
.width_40 { float: left; width: 40%; }
.width_50 { float: left; width: 50%; }
.width_60 { float: left; width: 60%; }
.width_70 { float: left; width: 70%; }
.width_80 { float: left; width: 80%; }
.width_90 { float: left; width: 90%; }
.width_100 { float: left; width: 100%; }

.form .width_10 .field input[type='text'],
.form .width_10 .field input[type='password'] { width: 85.5%%; }

.form .width_20 .field input[type='text'],
.form .width_20 .field input[type='password'] { width: 92.5%; }

.form .width_30 .field input[type='text'],
.form .width_30 .field input[type='password'] { width: 94.5%; }

.form .width_40 .field input[type='text'],
.form .width_40 .field input[type='password'] { width: 96.5%; }

.form .width_50 .field input[type='text'],
.form .width_50 .field input[type='password'] { width: 97%; }

.form .width_60 .field input[type='text'],
.form .width_60 .field input[type='password'] { width: 97.5%; }

.form .width_70 .field input[type='text'],
.form .width_70 .field input[type='password'] { width: 97.8%; }

.form .width_80 .field input[type='text'],
.form .width_80 .field input[type='password'] { width: 98.2%; }

.form .width_90 .field input[type='text'],
.form .width_90 .field input[type='password'] { width: 98.3%; }

.form .field select { 
	width: 100% !important;
}

.pad { padding: 10px; }
.pad_l { padding-left: 10px; }
.pad_r { padding-right: 10px; }
.pad_t { padding-top: 10px; }
.pad_b { padding-bottom: 10px; }

h2.announcement {
	background-color: #FFC;
	border: 1px solid #FC0;
	padding: 10px;
	margin: 0;
	font-size: 18px;
}

h2.announcement a {
	text-decoration: none;
}

.gytb_video {
	width: 600px;
	margin: auto;
}

.register-me {
	background-color: #FFCE9D;
	border: 1px solid #D96D00;
	padding: 5px;
	font-weight: bold;
	text-align: center;
}



/* --- Header Styles */

.header {
	height: 107px;
	position: relative;
	color: #FFF;
}

.header .logo {
	position: absolute;
	left: 10px;
	bottom: -40px;
}

.header .member_bar {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 22px;
}

.header .member_bar div {
	margin-left: 30px;
}

.header .member_bar img {
	vertical-align: middle;
	width: 24px;
	margin-right: 5px;
	margin-top: -2px;
}

.header .member_bar .user {
	font-size: 14px;
	white-space: nowrap;
	margin-right: 20px;
}

.header .member_bar .user .org_logo {
	margin: 0;
}

.header .member_bar .user .org_logo img {
	height: 40px;
	width: auto;
	float: left;
	margin-right: 10px;
}

.header a {
	color: #FFF;
	text-decoration: none;
}

.header a:hover {
	color: #6C93E0;
}



/* --- Navigation Styles */

.nav {
	position: absolute;
	right: 0;
	bottom: 5px;
	z-index: 15;
}

.nav .parent {
	position: relative;
	float: left;
	font-size: 22px;
}

.nav .parent a {
	display: block;
	padding: 0 10px;
}

.nav .parent:hover a {
	color: #6C93E0;
}

.nav .parent .children {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-image: url('../../uploads/layout/banner-bg.png');
	white-space: nowrap;
	padding: 5px 0;
	box-shadow: 3px 3px 10px rgba(0,0,0,.5);
	z-index: 20;
}

.nav .parent .children a {
	display: block;
	font-size: 16px;
	padding: 5px 10px;
}

.nav .parent:hover .children a {
	color: #FFF;
}

.nav .parent:hover .children a:hover {
	color: #6C93E0;
}

.nav .parent:hover .children {
	display: block;
}



/* --- Body Styles */

.body {
	margin-top: 78px;
	border-radius: 10px;
	background-color: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
}

.body .banner {
	border-radius: 10px 10px 0 0;
	height: 200px;
	background-color: #EBEBEB;
	position: relative;
}

.body .banner img {
	border-radius:  10px 10px 0 0;
	width: 1000px;
	height: 200px;
}

.body .banner .title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 39px;
	color: #FFF;
	background-image: url('../../uploads/layout/banner-bg.png');
	padding: 0 15px;
	font-size: 27px;
	padding-bottom: 2px;
	z-index: 5;
}

.body a {
	color: #036;
	text-decoration: underline;
}



/* --- Content Styles */

.content {
	width: 665px;
	padding: 15px;
	padding-top: 1px;
}

.full-width {
	width: auto;
}



/* --- Side Bar Styles */

.side-bar {
	width: 275px;
	padding: 15px;
}

.side-bar .btn {
	padding: 5px 0;
}



/* --- Footer Styles */

.body .footer {
	margin-top: 15px;
	padding: 10px 15px;
	border-top: 1px solid #CCC;
}

.body .footer a {
	color: #6C93E0;
	text-decoration: underline;
}



/* --- Profile Styles */

.profile .manage {
	border: 1px solid #F90;
	background-color: #FFC;
	padding: 10px;
	text-align: center;
	margin-bottom: 15px;
}

.profile .about,
.profile .location,
.profile .recent {
	margin-top: 30px;
}

.profile .details .logo {
	width: 200px;
	text-align: center;
}

.profile .details .type {
	text-transform: uppercase;
	background-color: #EBEBEB;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 11px;
	margin-top: 20px;
}

.profile .details .information {
	width: 445px;
}

.profile .details .contact {
	padding: 10px;
	background-color: #EBEBEB;
}

.profile .details .contact span {
	display: inline-block;
	*float: left;
	font-weight: bold;
	width: 115px;
	text-align: right;
	padding-right: 5px;
}

.profile .details .contact .item {
	margin: 10px 0;
}

.profile .location .map {
	position: relative;
	border: 1px solid #000;
}

.profile .location .map img {
	width: 100%;
	display: block;
}

.profile .location .map .address {
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url('../../uploads/layout/banner-bg.png');
	padding: 5px 10px;
	color: #FFF;
	font-size: 16px;
}

.profile .location .map .address a {
	color: #FFF;
}



/* --- Experience Styles */

.experience .manage {
	border: 1px solid #F90;
	background-color: #FFC;
	padding: 10px;
	text-align: center;
	margin-bottom: 15px;
}

.experience .about,
.experience .requirements,
.experience .location,
.experience .details {
	margin-top: 30px;
}

.experience .date .logo {
	width: 200px;
	text-align: center;
}

.experience .date .information {
	width: 445px;
}

.experience .date .times .item {
	margin: 10px 0;
}

.experience .date .times .item img {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 5px;
}

.experience .interest .type {
	position: relative;
	text-transform: uppercase;
	background-color: #EBEBEB;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 11px;
	margin-top: 6px;
}

.experience .interest .type .color {
	position: absolute;
	top: 0;
	left: -15px;
	height: 25px;
	width: 15px;
}

.experience .interest .contact {
	padding: 10px;
	background-color: #EBEBEB;
}

.experience .interest .contact span {
	float: left;
	overflow: hidden;
}

.experience .interest .contact span.label {
	font-weight: bold;
	width: 150px;
	text-align: right;
	padding-right: 5px;
}

.experience .interest .contact .note {
	font-size: 11px;
	margin-top: 5px;
}

.experience .interest .contact .item {
	margin: 10px 0;
}

.experience .location .map {
	position: relative;
	border: 1px solid #000;
}

.experience .location .map img {
	width: 100%;
	display: block;
}

.experience .location .map .address {
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url('../../uploads/layout/banner-bg.png');
	padding: 5px 10px;
	color: #FFF;
	font-size: 16px;
}

.experience .location .map .address a {
	color: #FFF;
}



/* --- Large Experience Feed Styles */

.lg_exp_feed .experience {
	padding: 5px;
	margin: 20px 0;
}

.lg_exp_feed .experience:hover {
	background-color: #EBEBEB;
	border-radius: 3px;
}

.lg_exp_feed .experience .logo {
	margin-right: 10px;
	text-align: center;
	width: 80px;
	padding: 5px;
}

.lg_exp_feed .experience:hover .logo {
	background-color: #FFF;
	border: 1px solid #CCC;
	border-radius: 3px;
	padding: 4px;
}

.lg_exp_feed .experience .details {
	width: 555px;
	margin-top: 0;
}

.lg_exp_feed .experience .details h2 {
	margin-top: 0;
}

.lg_exp_feed .experience .details h2 a {
	text-decoration: none;
	color: inherit;
}

.lg_exp_feed .experience .details div {
	margin: 5px 0;
	background-color: inherit;
	text-transform: inherit;
	font-size: inherit;
	padding: inherit;
	font-weight: inherit;
}

.lg_exp_feed .experience .date img,
.lg_exp_feed .experience .time img {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 5px;
}

.lg_exp_feed .experience .type_color {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: -3px;
	vertical-align: middle;
	border: 1px solid #000;
}

.lg_exp_feed .experience .details div.description {
	margin-top: 15px;
}

.lg_exp_feed .no_results {
	border: 1px solid #F90;
	background-color: #FFC;
	padding: 10px;
	margin-top: 25px;
}



/* --- Small Experience Feed Styles */

.sm_exp_feed h3 {
	margin-bottom: 0;
}

.sm_exp_feed .experience {
	padding: 5px;
	margin: 10px 0;
}

.sm_exp_feed .experience:hover {
	background-color: #EBEBEB;
	border-radius: 3px;
}

.sm_exp_feed .experience .logo {
	margin-right: 10px;
	text-align: center;
	width: 40px;
	padding: 5px;
}

.sm_exp_feed .experience .logo img {
	width: 35px;
}

.sm_exp_feed .experience:hover .logo {
	background-color: #FFF;
	border: 1px solid #CCC;
	border-radius: 3px;
	padding: 4px;
}

.sm_exp_feed .information {
	width: 205px;
}

.sm_exp_feed .information .title {
	font-weight: bold;
}

.sm_exp_feed .information .date {
	padding: 3px 0;
}

.sm_exp_feed .information .type .color {
	float: left;
	width: 10px;
	height: 10px;
	border: 1px solid #000;
	margin-right: 5px;
	margin-top: 3px;
}



/* --- Search Bar Styles */

.search_bar .search {
	padding-bottom: 10px;
}

.search_bar .search input[type='text'] {
	width: 400px;
}


/* --- Form Styles */

.form .category {
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 10px;
	padding-top: 20px;
}

.form .label {
	font-weight: bold;
	padding-bottom: 3px;
}

.form .label b {
	font-weight: normal;
}

.form .field {
	padding-bottom: 10px;
}

.form .field input[type='text'],
.form .field input[type='password'] {
	width: 98.5%;
}

.form .field select {
	width: 102%;
}

.form .field textarea {
	width: 99%;
	height: 150px;
}

.form .error {
	border: 1px solid #900;
	background-color: #FCC;
	padding: 10px;
	margin: 15px 0;
}

.form .field .note {
	font-size: 11px;
	padding-top: 3px;
}




/* --- Video Resource Styles */

.video_resource {
	padding-bottom: 25px;
}


.video_resource .video iframe {
	width: 600px;
	height: 337px;
	margin: auto;
	border: 1px solid #000;
}




/* --- Web Resource Styles */

.web_resource {
	padding-bottom: 35px;
}

.web_resource .logo {
	width: 100px;
	padding: 5px;
	text-align: center;
}

.web_resource .logo img {
	width: 100px;
	max-height: 100px;
	border: 0;
}

.web_resource .information {
	width: 535px;
}

.web_resource .information h2 {
	margin-top: 0;
	margin-bottom: 5px;
}

.web_resource .information .website {
	margin-bottom: 10px;
	font-weight: bold;
}




/* --- Resource Document Styles */

.doc_resource {
	padding-bottom: 35px;
}

.doc_resource .logo {
	width: 90px;
	padding: 5px;
	text-align: center;
}

.doc_resource .logo img {
	width: 80px;
	max-height: 80px;
	border: 0;
}

.doc_resource .information {
	width: 545px;
}

.doc_resource .information h2 {
	margin-top: 0;
	margin-bottom: 5px;
}

.doc_resource .information h2 a {
	text-decoration: none;
	color: inherit;
}

.doc_resource .information .website {
	margin-bottom: 10px;
	font-weight: bold;
}




/* --- Account Styles */

.account .navigation {
	margin-bottom: 20px;
}

.account .navigation .item,
.account .navigation .label {
	float: left;
	margin-right: 15px;
	padding: 5px 0;
	border-bottom: 5px solid #FFF;
}


.account .navigation .item:hover {
	border-bottom: 5px solid #6C93E0;
}

.account .navigation .item a {
	text-decoration: none;
}


.account .navigation .active {
	font-weight: bold;
	border-bottom: 5px solid #6C93E0;
}

.account .listing {
	width: 100%;
}

.account .listing td {
	padding: 5px;
}

.account .listing thead td {
	font-weight: bold;
	background-color: #D7E0F2;
}

.account .listing tbody tr:hover td {
	background-color: #EBEBEB;
}

.account .notification {
	border: 1px solid #F90;
	background-color: #FFC;
	padding: 10px;
	text-align: center;
	margin-bottom: 15px;
}




/* --- Register Styles */

.register_form {
	padding-top: 15px;
}

.register_form .steps {
	line-height: 20px;
	font-size: 15px;
}

.register_form .steps .complete,
.register_form .steps .current,
.register_form .steps .remaining {
	float: left;
	border: 1px solid #000;
	width: 20px;
	height: 20px;
	margin-left: -1px;
	text-align: center;
	font-weight: bold;
}

.register_form .steps .complete {
	background-color: #D5FFD5;
}

.register_form .steps .current {
	height: 26px;
	width: 26px;
	line-height: 26px;
	margin-top: -3px;
}

.register_form .steps .remaining {
	background-color: #EBEBEB;
	color: #999;
}

.register_form .experience {
	cursor: pointer;
}

.register_form .selected {
	background-color: #D5FFD5;
	border-radius: 3px;
}

.register_form .selected .logo {
	background-color: #FFF;
	border: 1px solid #090;
	border-radius: 3px;
	padding: 4px;
}

.register_form .search input[type='text'] {
	width: 300px;
}

.register_form .notification {
	border: 1px solid #F90;
	background-color: #FFC;
	padding: 10px;
	text-align: center;
	margin-bottom: 15px;
}

.register_form .search {
	border: 1px solid #CCC;
    margin-top: 20px;
    padding: 10px 0;
    background-color: #EBEBEB;
}




/* --- Newsletter Styles */

.newsletter .download img {
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -3px;
}

.newsletter .embed {
	border: 1px solid #000;
	margin-bottom: 30px;
}

.newsletter .past,
.newsletter .past select {
	font-size: 16px;
}



/* --- Testimonial Styles */

.testimonial {
	background-image: url('../../uploads/layout/quote-top.png');
	background-position: left 30px;
	background-repeat: no-repeat;
	padding: 20px 0;
	padding-left: 70px;
}
	
.testimonial .quote {
	font-size: 20px;
	font-style: italic;
}
	
.testimonial .details {
	font-size: 16px;
	color: #999;
}
	
.testimonial .name {
	font-weight: bold;
}
	
.testimonial .organization {
	font-size: 14px;
}
	
.testimonial .organization a {
	color: #999;
}

.with-video {
	background-image: none;
	padding-left: 0;
}

.testimonial_feed .quote {
	margin-top: 25px;
	background-image: url('../../uploads/layout/quote-top-small.png');
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 25px;
	font-size: 12px;
	margin-bottom: 10px
}

.testimonial_feed .author {
	text-align: right;
	font-size: 11px;
	color: #999; 
}

.testimonial_feed .author .name {
	font-weight: bold;
}



/* --- Dashboard Styles */

.dashboard {
	position: relative;
}

.block .icon {
	width: 125px;
	height: 125px;
	margin: auto;
	line-height: 125px;
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
  	font-size: 40px;
	text-shadow: 1px 1px 0 #FFF;
}

.block .label {
	margin-top: 5px;
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 15px;
}



/* -- Slider Formatting */

.slider {
	position: relative;
	height: 0;
	padding-bottom: 65%;
	background-color: #CCC;
	margin-bottom: 25px;
}

.slider .left,
.slider .right {
	position: absolute;
	z-index: 20;
	width: 50px;
	height: 50px;
	top: 50%;
	margin-top: -25px;
	opacity: .5;
	cursor: pointer;
}

.slider .left img,
.slider .right img {
	width: 100%;
	height: 100%;
}

.slider .left:hover,
.slider .right:hover {
	opacity: 1;
}

.slider .left {
	left: 0;
}

.slider .right {
	right: 0;
}

.slider .slide {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.slider .slide .caption {
	position: absolute;
	z-index: 6;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url('../../uploads/layout/slide-caption.png');
	padding: 0 10px;
	color: #FFF;
}

.slider .slide .caption .title {
	font-size: 16px;
	font-weight: 700;
	padding: 10px 0;
}

.slider .slide .caption .text {
	padding-bottom: 10px;
}

.slider .slide a {
	position: absolute;
	z-index: 7;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
}

.sponsor_icon {
	width: 16px !important;
	height: 16px !important;
	vertical-align: middle !important;
	margin-left: 5px !important;
    margin-top: -3px !important;
}

.body .banner .title .sponsor_icon,
.lg_exp_feed .experience .details h2 .sponsor_icon {
	width: 32px !important;
	height: 32px !important;
	margin-top: -5px !important;
}

.profile .sponsored .sponsor_icon {
	width: 100px !important;
	height: 100px !important;
	margin: 0 25px !important;
}



/* -- Responsive Video */

.resp_video {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	border: 1px solid #000;
}

.resp_video iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border: 0;
}



/* -- Action Bar Formatting */

.action_bar {
	line-height: 40px;
	background-color: #333;
}


.donate-button {
	margin-left:30px;
	background:linear-gradient(to bottom, #eb7600, #c76400);
	padding:3px 23px;
	border-radius:10px;
	font-size:20px;
}

.donate-button:hover {
	opacity:0.75;
	color:inherit !important;
}