@charset "utf-8";
/* CSS Document */
/**
 * Social Organizing CSS
 * Tuvinh Vuong
 * www.ngpvan.com
 */
/* ============================== */
/* Common Default Styles   */
/* Link 'Buttons'; the Quit Button should be refactored to be a <button>
   since it's not a navigational link */
/* Goal Notifications */
/* ============================== */

/* Google Web Font*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,700);

/* Hide Default Page Title from Default Theme page.tpl */
.page-ngpvanui #main > h2.page-title,
.page-ngpvanworkflow #main > h2.page-title, 
.page-ngpvansocialorg #main > h2.page-title, 
.page-ngpvansocialorg #main h1#page-title {
  display:none
}

/**
 * Default Site Theme Overrides to Give Full Width to SO-App
 **/

body.page-ngpvanworkflow #main, 
body.page-ngpvansocialorg #main,
body.page-vanusersync-vfmatch #main {
  margin: 0 auto;
  padding: 0;
  float:none;
  /* width: 100%; */
}

body.page-ngpvanworkflow #content .section,
body.page-ngpvansocialorg #content .section {
  padding:0;
}

/**
 * Default Site Theme Overrides Make Container Background White
 **/
.page-ngpvanui #content,
.page-ngpvanworkflow #content,
.page-ngpvansocialorg #content,
.page-vanusersync #content { background-image: none; background-color: #fff; }

/* End Overrides */

body.page-ngpvanworkflow #main h2.page-title,
h2.ngpvan-page-title, 
body.page-ngpvansocialorg #main h2.page-title,
body.page-ngpvansocialorg #main h1#page-title,
body.page-vanusersync-vfmatch #main h1#page-title {
  color: #414943;
  font-family: 'Open Sans', 'Lucida Grand', Arial, sans-serif;
  font-size: 200%;
  font-weight:600;
}
h2.ngpvan-page-title {
  margin: 20px auto;
  text-align:center;
}

body.page-ngpvanworkflow .breadcrumb,
body.page-ngpvansocialorg .breadcrumb,
.ngpvan-ui .breadcrumb { display: none; }

/**
 * Default Styles that may be used by multiple modules
 **/
 
.ngpvan-ui * {
  color: #414943;
  font-family: 'Open Sans', 'Lucida Grand', Arial, sans-serif;
}
.ngpvan-ui h1, .ngpvan-ui h2, .ngpvan-ui h3, .ngpvan-ui h4 {
  font-weight: 700
}
.last {
  margin-right:0;
  padding-right:0
}
.first {
  margin-left:0;
  padding-left:0
}
.ngpvan-ui-row {
  overflow:hidden
}
.ngpvan-ui-col {
  float:left
}
.ngpvan-ui-gradient-gray {
  /* IE10 */ 
  background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%);
  /* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%);
  /* Opera */ 
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%);
  /* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), color-stop(1, #e5e5e5));
  /* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%);
  /* Proposed W3C Markup */ 
  background-image: linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%);
}
/* Task Buttons (<a> tag buttons) */
.ngpvanui-button, .ngpvanworkflow-task-button a {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffd387;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffd387;
	box-shadow:inset 0px 1px 0px 0px #ffd387;
	background: #e89e00 url('../images/button_arrow_bkgd.png') no-repeat right center;
	background: url('../images/button_arrow_bkgd.png') no-repeat right center, -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f4b012), color-stop(1, #e89f00) );
	background: url('../images/button_arrow_bkgd.png') no-repeat right center, -moz-linear-gradient( center top, #f4b012 5%, #e89f00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4b012', endColorstr='#e89f00');
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #bf7f00;
  color: #fff !important;
  display:inline-block;
  font-size: 180%;
  font-weight: 600;
  line-height: 1.5em;
  padding: 5px 50px 5px 20px;
  text-align: center;
  text-decoration:none;
  text-shadow:-1px -1px 0px #9c7617;
  /* IE6-7 inline hack */
  zoom:1;
  *display: inline;
  _height: 36px;
  cursor: pointer;
}
.ngpvanui-button:hover, .ngpvanworkflow-task-button a:hover {
  background: #ffb81f url('../images/button_arrow_bkgd.png') no-repeat right center;
  background: url('../images/button_arrow_bkgd.png') no-repeat right center, -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e89f00), color-stop(1, #f4b012) );
	background: url('../images/button_arrow_bkgd.png') no-repeat right center, -moz-linear-gradient( center top, #e89f00 5%, #f4b012 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e89f00', endColorstr='#f4b012');
}
.ngpvanui-button:active, .ngpvanworkflow-task-button a:active {
  position:relative;
	top:1px;
}

/* Gray Generic Buttons such as Quit and Search */
#ngpvanworkflow-content-task-nav .ngpvanui-button,
.page-ngpvanworkflow #main #vansocialmap-vanpersonsearch-form input[value="Search"],
.page-ngpvansocialorg #main #vansocialmap-vanpersonsearch-form input[value="Search"] { 
  border: 1px solid #777;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;
  box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;
  color: #fff;
  display: inline-block;
  font-size:100%;
  font-weight: 600;
  outline: none;
  padding:5px 20px;
  position: relative;
  text-decoration: none;
  text-shadow: 0 -1px 0 #777;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  transition: all 0.4s linear;
  zoom: 1;
  cursor: pointer;
  filter: none;
}
#ngpvanworkflow-content-task-nav .ngpvanui-button:hover,
.page-ngpvanworkflow #main #vansocialmap-vanpersonsearch-form input[value="Search"]:hover, 
.page-ngpvansocialorg #main #vansocialmap-vanpersonsearch-form input[value="Search"]:hover {
  border-color: #888;
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 3px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 3px rgba(0,0,0,0.4);
  box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 3px rgba(0,0,0,0.4);
  color: #FFF;
}
#ngpvanworkflow-content-task-nav .ngpvanui-button:active,
.page-ngpvanworkflow #main #vansocialmap-vanpersonsearch-form input[value="Search"]:active, 
.page-ngpvansocialorg #main #vansocialmap-vanpersonsearch-form input[value="Search"]:active {
  -moz-box-shadow: 0 2px 6px #000;
  -webkit-box-shadow: 0 2px 6px #000;
  box-shadow:  0 2px 6px #000;
}
/* Gray Buttons with Just Text */

#ngpvanworkflow-content-task-nav .ngpvanui-button {
  background: #949493; /* Old browsers */
  background: -moz-linear-gradient(top, #d3d4d3 0%, #949493 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d4d3 ), color-stop(100%, #949493 )); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d3d4d3 0%, #949493 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d3d4d3 0%, #949493 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d3d4d3 0%, #949493 100%); /* IE10+ */
  background: linear-gradient(top, #d3d4d3 0%, #949493 100%); /* W3C */
}
#ngpvanworkflow-content-task-nav .ngpvanui-button:hover {
  background: #a5abae; /* Old browsers */
  background: -moz-linear-gradient(top, #a5abae 0%, #d3d4d3 75%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5abae), color-stop(75%, #d3d4d3 )); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a5abae 0%, #d3d4d3 75%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a5abae 0%, #d3d4d3 75%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #a5abae 0%, #d3d4d3 75%); /* IE10+ */
  background: linear-gradient(top, #a5abae 0%, #d3d4d3 75%); /* W3C */
}
#ngpvanworkflow-content-task-nav .ngpvanui-button:active {
  background: #9fa4a6; /* Old browsers */
  background: -moz-linear-gradient(top, #9fa4a6 0%, #717171 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9fa4a6), color-stop(100%, #717171)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #9fa4a6 0%, #717171 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #9fa4a6 0%, #717171 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #9fa4a6 0%, #717171 100%); /* IE10+ */
  background: linear-gradient(top, #9fa4a6 0%, #717171 100%); /* W3C */
}
/* VAN Social Map Find More Facebook Friends */
#vansocialmap-manual-instructions button.facebook-action-vansocialmap-import-friends {
  -moz-box-shadow:inset 0px 1px 0px 0px #ccd8f0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ccd8f0;
	box-shadow:inset 0px 1px 0px 0px #ccd8f0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #91a5cc), color-stop(1, #2c406b) );
	background:-moz-linear-gradient( center top, #91a5cc 5%, #2c406b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#91a5cc', endColorstr='#2c406b');
	background-color:#91a5cc;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:3px;
	border:1px solid #506ea8;
	display:inline-block;
	color:#ffffff;
	text-shadow:-1px -1px 0px #052542;
}
#vansocialmap-manual-instructions button.facebook-action-vansocialmap-import-friends:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2c406b), color-stop(1, #91a5cc) );
	background:-moz-linear-gradient( center top, #2c406b 5%, #91a5cc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c406b', endColorstr='#91a5cc');
	background-color:#2c406b;
}
#vansocialmap-manual-instructions button.facebook-action-vansocialmap-import-friends:active {
  position:relative;
	top:1px;
}
#ngpvanworkflow-content-task-nav .ngpvanui-button span {
  display:none;
}


/**
 * Notification Styling
 **/


ul.noty_cont { width: 500px; }
ul.noty_cont li { float:none; width: 100%}

.noty_bar.noty_theme_default .noty_message { font-weight: 600 !important; }

.noty_bar.noty_theme_default.noty_status {
  background: #ddefc4;
  color: #333;
}
.noty_bar.noty_theme_default.noty_warning{
  background: #fcf8b3;
  color: #5e4a04;
}
.noty_bar.noty_theme_default.noty_error  {
  background: #fecccb;
  color: #900;
}

.noty_bar.noty_theme_default.noty_closable .noty_message { 
  padding: 12px 34px 8px 14px;
}

.noty_bar.noty_theme_default.noty_layout_topLeft .noty_message .noty_buttons,
.noty_bar.noty_theme_default.noty_layout_topRight .noty_message .noty_buttons,
.noty_bar.noty_theme_default.noty_layout_bottomLeft .noty_message .noty_buttons,
.noty_bar.noty_theme_default.noty_layout_bottomRight .noty_message .noty_buttons {
  border: 0;
}

/**
 * Goal Met Notifications
 **/

.noty_bar.noty_theme_default.noty_success {
  background: #E6FF96;
  border: 2px solid  #fff;
  -webkit-box-shadow: 0px 0px 19px rgba(50, 50, 50, 0.3);
  -moz-box-shadow:    0px 0px 19px rgba(50, 50, 50, 0.3);
  box-shadow:         0px 0px 19px rgba(50, 50, 50, 0.3);
}

.ngpvanworkflow-goal-reached {
  background: url('../images/goal_met.png') no-repeat scroll 10px center transparent;
  font-size: 110%;
  font-weight: 600;
  line-height: 40px;
  padding-left: 150px;
  min-height: 125px;
}

/**
 * Badge Notifications
 **/
.ngpvanworkflow-badge-earned h3,
.badge_award_message,
.noty_bar.noty_theme_default.noty_layout_topRight .noty_message .noty_buttons {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

h3.ngpvanworkflow_congratulations {
  font-size: 140%;
  font-weight:600;
  margin-top: 30px;
}

.ngpvanworkflow_badge_name { overflow: hidden; padding: 0 50px; }
.ngpvanworkflow_badge_name img,

.ngpvanworkflow_badge_name span {
  float: left;
  color: #414943;
  display:inline-block;
  height: 150px;
  width: 170px;
  font-size: 120%;
  font-weight: 600;
  margin-top: 30px;
  margin-left: 10px;
  text-align: center;
  vertical-align: middle;
  *display:inline;
  zoom:1;
  _height: 150px;
}

.noty_message .noty_buttons { padding-bottom: 20px; }
 
/* NGPVAN Facebook Share Button */

button.ngpvanfacebook-share,
button.ngpvan-facebook-share {
  background: url('../images/facebook_share_button.png') no-repeat left top;
  width: 179px;
  height: 27px;
  font-size: 90%;
  font-weight: 600;
  line-height: 20px;
  vertical-align:middle;
  display:block;
  padding-left: 20px;
  color: #fff;
  margin: 0 auto !important;
}

button.ngpvanfacebook-share:hover,
button.ngpvan-facebook-share:hover {
  background-position: left -27px
}

button.ngpvanfacebook-share:active, 
button.ngpvan-facebook-share:active {
  background-position: left -54px
}

/**
 * Quit Modal
 **/
#ngpvanworkflow-confirm-quit a.ngpvanui-button { clear:both; height: 30px !important;  }
#ngpvanworkflow-confirm-quit a + a {
    display: block;
    margin-top: 15px;
}

.ui-dialog {
  text-align: center;
}

.ui-dialog .ui-dialog-title {
  float: none;
}

.ui-dialog.ui-widget {
  font-family: Verdana,Arial,sans-serif;
}

/**
 * spacing between notys
 */
ul#noty_topRight_layout_container li {
  margin-bottom: 20px;
}

.ngpvanworkflow-task-button .ngpvanworkflow-task-progress-button a {
  filter: none;
}

/**
 * These rules shouldn't need to exist.
 * Instead, ngpvnaui should behave and not override the rules on EVERY element
 * by default...
 * - Cuzzo.
 */
.ngpvan-ui .marker, .ngpvan-ui .form-required {
  color: #f00;
}

.ngpvan-ui a {
  color: #0071B3;
}