/*
  @import url('../themes/helpSystem/helpSystem.css');
*/

body {
    background-color: #e5e5e5;
    font-family: arial, sans-serif;
    margin:0;
}

/********* General Use Styles **********/

.pointer {
	cursor: pointer;
}
.hide {
	display:none;
}
ul.nobullet {
	list-style: none;
	padding-left:20px;
}
.indent {
	margin-left:22px;
}
.left, .l {
	float:left;
	position:relative;
}
.right, .r {
	float:right;
	position:relative;
}
.b {
	font-weight:bold;
}

/*wide specific *************/

#wrapper, #footer {
    width: 90% !important;
    /*min-width: 981px;*/
    max-width: 2000px;
}

#mainNav,
#topNav {
	width:100% !important;
}
/* For SanFernando */
#wrapper #logo_1 .clickAreaLeft, #wrapper #logo_2 .clickAreaLeft {
    width: 50%;
}
#logo_1 .tagline {
    margin: 25px 20px 0 0;
    width: 40%;
}
@media screen and (max-width : 1000px) {
    #wrapper .tagline {
        font-size: 12px;
    }
    #wrapper #logo_1 h1, #wrapper #logo_2 h1 {
        line-height: 33px;
        font-size: 23px;
        margin-top: 20px;
    }
}


/********* Feedback **********/


#feedbackWidget {
    z-index: 1001;
    position: fixed;
}

#feedbackWidget .feedbackText {
    width: 10px;
    height: 170px;
    padding: 7.5px;
    background-color: #004D95;
    cursor: pointer;
    color: #CC6600;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    float: left;
    line-height: 1.5em;
}

#feedbackWidget .feedbackBox {
    width: 800px;
    height: 281px;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    background-color: #004D95;
    float: left;
    opacity: .95;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /* IE 5-7 */
	filter: alpha(opacity=95); /* IE8 */
}

#feedbackForm {
    width: 780px;
    height: 260px;
    margin: 10px 0 0 10px;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
}

.flashMessenger_notice {
    width: 980px;
    height: 40px;
    padding: 15px 0 0 0;
    background-color: #004D95;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    position: fixed;
    z-index: 1001;
    top: -10px;
}

.flashMessenger_error {
    width: 980px;
    height: 40px;
    padding: 15px 0 0 0;
    background-color: red;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    position: fixed;
    z-index: 1001;
    top: -10px;
}

#feedbackDialog .explanatoryText {
    font-size: 13px;
    height: 25px;
    text-align: center;
    color: #0064B6;
}

#feedbackDialog .row {
    width: 400px;
    height: 30px;
    margin: 0 auto;
}

#feedbackDialog .tall {
    height: 130px;
}

#feedbackDialog .row .label {
    width: 150px;
    float: left;
    font-size: 13px;
    font-weight: bold;
    color: #0064B6;
}

#feedbackDialog .row .input {
    width: 250px;
    float: left;
    font-size: 12px;
}

#feedbackDialog .row .input input {
    width: 200px;
    height: 15px;
}

#feedbackDialog .row .input select {
    width: 205px;
    height: 22px;
}

#feedbackText {
    font-size: 12px;
}

#feedbackDialog .buttonRow {
    width: 90%;
    height: 30px;
    text-align: center;
    font-size: 14px;
}

.shadow {
    -moz-box-shadow: 3px 3px 4px #ADADAD;
    -webkit-box-shadow: 3px 3px 4px #ADADAD;;
    box-shadow: 3px 3px 4px #ADADAD;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#ADADAD')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 2, Direction = 135, Color = '#ADADAD');
}

.required {
    font-weight: bold;
    color: red;
}

/********* Navigation **********/


#topNav .closeWindow {
    width: 100px;
    height: 25px;
    background-color: #333333;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    float: right;
    padding: 5px 0 0 0;
}

#topNav .closeWindow:hover {
    cursor: pointer;
    color: #CC6600;
}

#subNav{
    width : 939px;
    height : 20px;
/*
	background-color: #EEEEEE;
    border-bottom: 1px solid #000000;
*/
    margin: 0 auto;
    text-align: right;
}

#subNav .subNavItem{
    float : right;
    margin: 3px 10px 0 0 ;
}

#subNav .subNavItem a{
    font-size: 14px;
    font-weight : bold;
    color : #000000;
    text-decoration: none;
}

#subNav .subNavItem a:hover{
    text-decoration: underline;
}

/********************/
/**  Custom List Sidebar  **/
/**************TODO - get this out of here and into something specific******/

#divReports {
	background-color:#E8F0FB;
	box-shadow: 0px 0px 12px 3px #999;
	-webkit-box-shadow: 0px 0px 12px 3px #999;
	-moz-box-shadow: 0px 0px 12px 3px #999;
	padding: 6px;
	float: right;
	line-height: 120%;
	margin: 0px -15px 0px 10px;
	width: 250px;
}

#divReports dl {
	color: #000;
	padding:7px;
	margin:0px;
}
#divReports dl dt {
	font-size: 15px;
	font-weight: bold;
	padding: 15px;
	background-color: #ACC7EC;
	cursor:pointer;
	margin-bottom: 2px;
}
#divReports dl dt:hover {
	background-color: #8CABD6;
}
#divReports dl dd {
	font-size: 13px;
	margin: 10px 0px 10px 14px;
	font-weight:normal;
}
#divReports dl dd a {
	display:block;
	padding-bottom:6px;
	font-size: 13px;
	margin-left: 20px;
	text-indent: -20px;
}

#divReports dl dd a, #divReports dl dt a {
	color:#000;
}







#mainNav div.navItem {
	cursor: pointer;
}

#loadingImage {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    padding: 5px;
    background: #fff;
    z-index: 3000;
    border: 1px solid #000;
}


.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

.ui-timepicker-div dl dt {
    height: 25px;
    margin-bottom: -25px;
}

.ui-timepicker-div dl dd {
    margin: 0 10px 10px 65px;
}

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.eventDialog .textInput{
    width : 350px;
}

.eventDialog .dateInput{
    width : 100px;
}

.eventDialog tr{
    height : 50px;
}

.tagInput{
    width : 150px;
    float : left;
}

.selectedTag{
    height : 25px;
    padding: 5px 10px;
    margin: 5px 10px 0 0;
    border: 1px solid #0064B6;
    background-color: #F2F6F7;
    float : left;
    cursor : pointer;
}

.addTagButton{
    background-image: url('../../images/community/common/add.png');
    background-repeat: no-repeat;
    width : 16px;
    height : 16px;
    cursor : pointer;
    float : left;
    margin: 5px 0 0 10px;
}

#sidebarCalendar{
    width : 300px;
    margin: 5px 0 0 15px;;
    /* float : left; */
}

#sidebarCalendar .fc-day-number {
    font-size: .5em;
    line-height: 14px;
}

#sidebarCalendar .fc-button{
    margin: 3px 0;
}

#sidebarCalendar .fc-button-content{
    height : .5em;
    line-height: .5em;
}

#mainContent #sidebarCalendar h2{
    font-size: .5em;
    margin: 5px 2px 0 2px;
    line-height: .5em;
}

#sidebarCalendar th{
    font-size: .5em;
    line-height: 11px;
}

#sidebarCalendar .fc-event-title{
    font-size: .5em;
}

#sidebarCalendar .fc-state-default .fc-button-effect span {
	background-color:transparent !important;
}

#sidebarCalendar .fc-button-prev .fc-button-inner {
	background: url('../../images/community/common/triangle_sm_lt.png') no-repeat 10px -4px;
}

#sidebarCalendar .fc-button-next .fc-button-inner {
	background: url('../../images/community/common/triangle_sm_rt.png') no-repeat 3px -4px;
}

#sidebarCalendar .fc-button-content, #sidebarCalendar .fc-button-inner, #sidebarCalendar .fc-button-prev, #sidebarCalendar .fc-button-next  {
	background-color:transparent !important;
	background-image:none;
	border:none;
}

.eventBlock{
    width : 100%;
    border: 1px solid #000000;
    background-color: #EFF5F7;
    margin: 0 0 10px 0;
}

#pageMap{
    width : 580px;
    height : 400px;
    float : left;
    border: 1px solid #893B1B;
    background-color: #FAF6F1;
    font-size: 12px;
    position: relative;

}

#pageMap #pageMapControls{
    width : 145px;
    height : 390px;
    float : left;
    margin: 5px;
}

#pageMap #pageMapControls p{
    margin: 3px 0;
}

#pageMap #pageMapControls #pageMapLocation{
    width : 140px;
    float : left;
    border: 1px solid #000000;
    background-color: #EDEEEF;
    margin: 0 0 5px 0;
}

#pageMap #pageMapControls #pageMapFilters{
    width : 140px;
    height : 200px;
    border: 1px solid #000000;
    background-color: #EDEEEF;
    float : left;
    overflow-y: auto;
    overflow-x: hidden;
}
#pageMap #pageMapControls #pageMapFilters .mapFilterRow input{
    float : left;
    clear : both;
}

#pageMap #pageMapControls #pageMapFilters .mapFilterRow .filterText{
    width : 100px;
    height : 22px;
    overflow: hidden;
    display : block;
    float : left;
}

#pageMap #pageMapControls #viewButtons{
    width : 140px;
    height : 37px;
    float : left;
}

#pageMap #pageMapControls #viewButtons #viewButtonMap{
    width : 37px;
    height : 37px;
    border: 1px solid #000000;
    background-color: #EDEEEF;
    float : left;
    margin: 0 3px 0 0;
    cursor : pointer;
}

#pageMap #pageMapControls #viewButtons #viewButtonList{
    width : 37px;
    height : 37px;
    border: 1px solid #000000;
    background-color: #EDEEEF;
    float : left;
    margin: 0 3px 0 0;
    cursor : pointer;
}

#pageMap #pageMapControls #indicators{
    margin: 10px 0;
    float : left;
}

#pageMap #pageMapControls #indicators select{
    width : 140px;
}
#pageMap #pageMapControls #mapItButton{
    width : 140px;
    height : 37px;
    border: 1px solid #000000;
    background-color: #E85D18;
    float : left;
    margin: 15px 0 0 0;
    cursor : pointer;
}

#pageMap #map{
    width : 415px;
    height : 390px;
    margin: 5px 0 0 5px;
    float : left;
}

#pageMap .infoWindow {
    font-size: 10pt;
    width: 200px;
    min-height: 50px;
    padding: 10px;
    line-height: 1.4em;
    float: left;
    opacity : .95;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /* IE 5-7 */
	filter: alpha(opacity=95); /* IE8 */
}

#pageMap .infoBox{
    max-height : 300px;
    overflow-y: auto;
    background-color: #FFFFFF;
    opacity: 0.95;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /* IE 5-7 */
	filter: alpha(opacity=95); /* IE8 */
    width: 240px;
    border : 1px solid #CCCCCC;
}

#pageMap .infoWindow .link {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
    display: block;
}

/*******************************/
/******* Action Buttons *******/
/*****************************/

#columnRight #actionBtns .callOut {
    width: 290px;
    min-height: 50px;
    height: inherit;
    position:relative;
    margin: 25px auto 0;
    background-color: #2e69ba;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2e69bb), to(#1f4478));
    background-image: -webkit-linear-gradient(top, #2e69bb, #1f4478);
    background-image:    -moz-linear-gradient(top, #2e69bb, #1f4478);
    background-image:     -ms-linear-gradient(top, #2e69bb, #1f4478);
    background-image:      -o-linear-gradient(top, #2e69bb, #1f4478);
    background-image:         linear-gradient(to bottom, #2e69bb, #1f4478);

    border-radius: 12px;
    padding:14px;
    box-shadow: 1px 1px 10px 3px #999;
    -webkit-box-shadow: 1px 1px 10px 3px #999;
    -moz-box-shadow: 1px 1px 10px 3px #999;
}
#columnRight #actionBtns .callOut:hover {
	background-color: #1f4478;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1f4478), to(#2e69ba));
    background-image: -webkit-linear-gradient(top, #1f4478, #2e69ba);
    background-image:    -moz-linear-gradient(top, #1f4478, #2e69ba);
    background-image:     -ms-linear-gradient(top, #1f4478, #2e69ba);
    background-image:      -o-linear-gradient(top, #1f4478, #2e69ba);
    background-image:         linear-gradient(to bottom, #1f4478, #2e69ba);
    box-shadow: 1px 1px 10px 3px #666;
    -webkit-box-shadow: 1px 1px 10px 3px #666;
    -moz-box-shadow: 1px 1px 10px 3px #666;
}

#columnRight #actionBtns a,
#columnRight #actionBtns a .callOut span,
#columnRight #actionBtns a .callOut p {
    border: none;
    color:#FFF;
    text-decoration:none;
    font-size:12px;
}

#columnRight #actionBtns a .callOut span {
	font-weight:bold;
	font-size:13px;
}

#columnRight #actionBtns a .callOut p {
	margin-top:8px;
	margin-bottom:0px;
}
#columnRight #actionBtns a .callOut h3 {
	font-size: 14px;
	margin-top: 16px;
}

#columnRight #actionBtns .callOut div {
	width:50px;
	height:50px;
	float:left;
	margin-right:13px;
	margin-bottom: 10px;
}

#columnRight .callOut div#callOut_donor {
	background:url('../../images/community/common/callout_donor.png') no-repeat 0px 0px;
}
#columnRight .callOut div#callOut_nonprofit {
	background:url('../../images/community/common/callout_nonprofit.png') no-repeat 0px 0px;
}
#columnRight .callOut div#callOut_volunteer {
	background:url('../../images/community/common/callout_volunteer.png') no-repeat 0px 0px;
}
#columnRight .callOut div#callOut_welcome {
	background:url('../../images/community/common/callout_welcome.png') no-repeat 0px 0px;
}
#columnRight .callOut div#callOut_data {
	background:url('../../images/community/common/callout_data.png') no-repeat 0px 0px;
}
#columnRight .callOut div#callOut_signup {
	background:url('../../images/community/common/callout_signup.png') no-repeat 0px 0px;
}
#columnRight .callOut div#callOut_findout {
	background:url('../../images/community/common/callout_findout.png') no-repeat 0px 0px;
}
#columnRight .callOut div#callOut_add {
	background:url('../../images/community/common/callout_add.png') no-repeat 0px 0px;
}
#columnRight .callOut div#callOut_directory {
	background:url('../../images/community/common/callout_directory.png') no-repeat 0px 0px;
}
#columnRight .callOut div#callOut_board {
	background:url('../../images/community/common/callout_board.png') no-repeat 0px 0px;
}
#columnRight .callOut div#callOut_welcome {
	background:url('../../images/community/common/callout_welcome.png') no-repeat 0px 0px;
}
#columnRight .callOut div#callOut_211 {
	background:url('../../images/community/common/callout_211.png') no-repeat 0px 0px;
	width:108px;
}
#columnRight .callOut div#callOut_help {
	background:url('../../images/community/common/callout_help.png') no-repeat 0px 0px;
}
#columnRight .callOut div#callOut_register {
	background:url('../../images/community/common/callout_register.png') no-repeat 0px 0px;
}
#columnRight .callOut div#callOut_email {
	background:url('../../images/community/common/callout_email.png') no-repeat 0px 0px;
}
#columnRight .callOut div#callOut_speech {
	background:url('../../images/community/common/callout_speech.png') no-repeat 0px 0px;
}
#columnRight .callOut div#callOut_unitedWay {
	background:url('../../images/community/common/callout_unitedWay.png') no-repeat 0px 0px;
	width:111px;
}

#columnRight #actionBtns .map,
#columnRight #actionBtns .callOut .map {
    height: 325px;
    width : 335px;
    margin: 31px auto 0 auto;
}

/*******************************/
/******* Generic Buttons *******/
/*****************************/

input.custStyle {
	padding: 7px 10px 7px 34px;
	border: 1px solid #999;
	background-color: #E4E4E4;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E4E4E4), to(#c5c5c5));
	background-image: -webkit-linear-gradient(top, #E4E4E4, #c5c5c5);
	background-image:    -moz-linear-gradient(top, #E4E4E4, #c5c5c5);
	background-image:     -ms-linear-gradient(top, #E4E4E4, #c5c5c5);
	background-image:      -o-linear-gradient(top, #E4E4E4, #c5c5c5);
	background-image:         linear-gradient(to bottom, #E4E4E4, #c5c5c5);
	border-radius: 5px;
	box-shadow: 1px 1px 7px -3px #666;
	font-size: 12px;
	background-position: 7px 5px;
	background-repeat: no-repeat;
	cursor: pointer;
	margin:4px;
}
input.custStyle.vert {
	background-position: center 4px;
	padding: 29px 6px 4px;
}
input.custStyle.big {
	font-size: 14px;
	padding: 15px 15px 15px 47px;
	background-position: 6px 7px;
}
input.custStyle:hover {
	background-color: #e9e3cf;
	box-shadow: 2px 2px 8px -2px #666;
}
input.custStyle.notext {
	padding: 7px 10px 7px;
	width: 36px;
	background-position: center;
}
input.custStyle.print {
	background-image: url('../../images/community/common/btngraph_printMd.png');
}
input.custStyle.submit {
	background-image: url('../../images/community/common/btngraph_acceptMd.png');
}
input.custStyle.reset {
	background-image: url('../../images/community/common/btngraph_resetMd.png');
}
input.custStyle.cancel {
	background-image: url('../../images/community/common/btngraph_cancelMd.png');
}
input.custStyle.search {
	background-image: url('../../images/community/common/btngraph_searchMd.png');
}
input.custStyle.go {
	background-image: url('../../images/community/common/btngraph_goMd.png');
}
input.custStyle.add {
	background-image: url('../../images/community/common/btngraph_addMd.png');
}
input.custStyle.delete {
	background-image: url('../../images/community/common/btngraph_deleteMd.png');
}
input.custStyle.edit {
	background-image: url('../../images/community/common/btngraph_editMd.png');
}
input.custStyle.save {
	background-image: url('../../images/community/common/btngraph_saveMd.png');
}
input.custStyle.attach {
	background-image: url('../../images/community/common/btngraph_attachMd.png');
}
input.custStyle.new {
	background-image: url('../../images/community/common/btngraph_newMd.png');
}
input.custStyle.help {
	background-image: url('../../images/community/common/btngraph_helpMd.png');
}
input.custStyle.star {
	background-image: url('../../images/community/common/btngraph_starMd.png');
}
input.custStyle.up {
	background-image: url('../../images/community/common/btngraph_upMd.png');
}
input.custStyle.down {
	background-image: url('../../images/community/common/btngraph_downMd.png');
}
input.custStyle.left {
	background-image: url('../../images/community/common/btngraph_leftMd.png');
}
input.custStyle.right {
	background-image: url('../../images/community/common/btngraph_rightMd.png');
}
input.custStyle.accept {
	background-image: url('../../images/community/common/btngraph_acceptMd.png');
}
input.custStyle.table {
	background-image: url('../../images/community/common/btngraph_tableMd.png');
}
input.custStyle.downloadtable {
	background-image: url('../../images/community/common/btngraph_downloadtableMd.png');
}
input.custStyle.map {
    background-image: url('../../images/community/common/btngraph_mapMd.png');
}
input.custStyle.link {
    background-image: url('../../images/community/common/btngraph_linkMd.png');
}
input.custStyle.list {
    background-image: url('../../images/community/common/btngraph_listMd.png');
}
input.custStyle.chart {
    background-image: url('../../images/community/common/btngraph_chartMd.png');
}
input.custStyle.share {
    background-image: url('../../images/community/common/btngraph_shareMd.png');
}
input.custStyle.facebook {
    background-image: url('../../images/community/common/btngraph_facebookMd.png');
}
input.custStyle.twitter {
    background-image: url('../../images/community/common/btngraph_twitterMd.png');
}

input.custStyle.big.table {
	background-image: url('../../images/community/common/btngraph_tableLg.png');
}
input.custStyle.big.downloadtable {
	background-image: url('../../images/community/common/btngraph_downloadtableLg.png');
}
input.custStyle.big.submit {
	background-image: url('../../images/community/common/btngraph_acceptLg.png');
	background-position: 7px 8px;
}
input.custStyle.big.reset {
	background-image: url('../../images/community/common/btngraph_resetLg.png');
	background-position: 8px 7px;
}
input.custStyle.big.cancel {
	background-image: url('../../images/community/common/btngraph_cancelLg.png');
}
input.custStyle.big.search {
	background-image: url('../../images/community/common/btngraph_searchLg.png');
}
input.custStyle.big.go {
	background-image: url('../../images/community/common/btngraph_goLg.png');
}
input.custStyle.big.add {
	background-image: url('../../images/community/common/btngraph_addLg.png');
}
input.custStyle.big.delete {
	background-image: url('../../images/community/common/btngraph_deleteLg.png');
}
input.custStyle.big.edit {
	background-image: url('../../images/community/common/btngraph_editLg.png');
}
input.custStyle.big.save {
	background-image: url('../../images/community/common/btngraph_saveLg.png');
}
input.custStyle.big.attach {
	background-image: url('../../images/community/common/btngraph_attachLg.png');
}
input.custStyle.big.new {
	background-image: url('../../images/community/common/btngraph_newLg.png');
}
input.custStyle.big.help {
	background-image: url('../../images/community/common/btngraph_helpLg.png');
}
input.custStyle.big.star {
	background-image: url('../../images/community/common/btngraph_starLg.png');
}
input.custStyle.big.up {
	background-image: url('../../images/community/common/btngraph_upLg.png');
}
input.custStyle.big.down {
	background-image: url('../../images/community/common/btngraph_downLg.png');
}
input.custStyle.big.left {
	background-image: url('../../images/community/common/btngraph_leftLg.png');
}
input.custStyle.big.right {
	background-image: url('../../images/community/common/btngraph_rightLg.png');
}
input.custStyle.big.accept {
	background-image: url('../../images/community/common/btngraph_acceptLg.png');
}
input.custStyle.big.map {
    background-image: url('../../images/community/common/btngraph_mapLg.png');
}
input.custStyle.big.link {
    background-image: url('../../images/community/common/btngraph_linkLg.png');
}
input.custStyle.big.list {
    background-image: url('../../images/community/common/btngraph_listLg.png');
}
input.custStyle.big.chart {
    background-image: url('../../images/community/common/btngraph_chartLg.png');
}
input.custStyle.big.share {
    background-image: url('../../images/community/common/btngraph_shareLg.png');
}
input.custStyle.big.facebook {
    background-image: url('../../images/community/common/btngraph_facebookLg.png');
}
input.custStyle.big.twitter {
    background-image: url('../../images/community/common/btngraph_twitterLg.png');
}


/*******************************/
/****** CSS-Based Search *******/
/*******************************/


#searchTheCommunity #search {
    width: 369px;
    height: 173px;
    padding: 1px 0 0 0;
    margin: 16px auto 3px 10px;
    background-image:none;
}

#searchTheCommunity #searchTitle {
	font-size:22px;
}

#searchTheCommunity #searchText {
	padding-left:15px;
}

#searchTheCommunity #search .tabRow {
    width: 94%;
    margin: 15px 0 0 12px;
}

#searchTheCommunity #search .tabRow .tab {
    float: left;
    margin: 0 2px 0 0;
    cursor: pointer;
    border-radius: 4px 4px 0 0;
    background-color: #2e69ba;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2e69ba), to(#1d4174));
    background-image: -webkit-linear-gradient(top, #2e69ba, #1d4174);
    background-image:    -moz-linear-gradient(top, #2e69ba, #1d4174);
    background-image:     -ms-linear-gradient(top, #2e69ba, #1d4174);
    background-image:      -o-linear-gradient(top, #2e69ba, #1d4174);
    background-image:         linear-gradient(to bottom, #2e69ba, #1d4174);
    padding: 6px 9px 4px 9px;
    opacity:.9;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 5-7 */
	filter: alpha(opacity=90); /* IE8 */
    color:#FFF;
}
#searchTheCommunity #search .tabRow .tab:hover {
	opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */
	filter: alpha(opacity=100); /* IE8 */
}

#searchTheCommunity #search .tabRow .organizations_selected,
#searchTheCommunity #search .tabRow .programs_selected,
#searchTheCommunity #search .tabRow .knowledgebase_selected,
#searchTheCommunity #search #box {
    background-color: #2e69ba;
    background-image:none;
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */
	filter: alpha(opacity=100); /* IE8 */
}

#searchTheCommunity #search .inputBox {
    width: 90%;
    height: 36px;
    margin: 0;
    float: left;
}

#searchTheCommunity #search #box {
    border-radius: 4px;
    padding: 10px;
    float: left;
    margin: 0;
    width:94%;
    box-shadow: 0px 7px 16px -7px #000;
    -webkit-box-shadow: 0px 7px 16px -7px #000;
    -moz-box-shadow: 0px 7px 16px -7px #000;
}

#searchTheCommunity #searchInput {
    border: 0px;
    width: 110%;
    height: 34px;
    font-size: 22px;
    padding-left:4px;
}

#searchTheCommunity #searchButton {
    width: 32px;
    height: 32px;
    float: left;
    margin: 0;
    cursor: pointer;
    background-color:blue;
    border-radius:6px;
	background:url('../../images/community/common/search.png') no-repeat 0px 6px;
	opacity:.7;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */
	filter: alpha(opacity=70); /* IE8 */
}
#searchTheCommunity #searchButton:hover {
	opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */
	filter: alpha(opacity=100); /* IE8 */
}

/**********************************/
/***** Search Bar in Header *******/
/**********************************/

#searchBox {
    width : 328px;
    height : 43px;
    float: right;
    margin-top: 34px;
	margin-right: 6px;
}

#searchBox #searchTabRow {
    width : 300px;
    height : 23px;
    float : left;
    margin: 5px 0 0 15px;
}

.searchBox{
    background-image: url('../../images/community/common/searchBox.png');
    background-repeat: no-repeat;
    background-position: 12px 1px;
}

#searchBox #searchInput{
    width : 250px;
    height : 20px;
    border: none;
    margin: 7px 0 0 25px;
    background-color: transparent;
    color : #2d2a28;
    font-size: 13px;
    float : left;
}

#searchBox #searchInput.default{
    color : #a39b93;
}

#searchBox #searchButton{
    width : 30px;
    height : 20px;
    margin: 7px 0 0 5px;
    float : left;
    cursor : pointer;
}

.editWidgetBtn {
    display: none;
    background-color: #FFB34E;
    border-radius: 8px 0 0 8px;
    position: absolute;
    opacity: .8;
    font-size: 11px !important;
    line-height: 15px !important;
    font-weight: bold;
    text-align: right;
    margin-top: -1px !important;
    padding: 7px 6px !important;
    margin-left: -52px !important;
    width: 40px !important;
}
.widgetContainer:hover .editWidgetBtn {
    display:block;
}
.editWidgetBtn a {
    text-decoration: none;
    color: #000 !important;
}
.widgetContainer.caLoggedIn:hover {
    border: 1px solid #FFB34E !important;
    border-radius: 0 8px 8px;
}
.widgetContainer {
    border: 1px solid transparent;
    position: relative;
    line-height: normal;
}

/* joyride */

body .joyride-tip-guide .joyride-next-tip {
    float: right;
    margin: 8px 0;
}
.joyride-tip-guide {
    box-shadow: 0px 0px 50px -2px #FFF;
    -webkit-box-shadow: 0px 0px 50px -2px #FFF;
    -moz-box-shadow: 0px 0px 50px -2px #FFF;
    -o-box-shadow: 0px 0px 50px -2px #FFF;
    z-index:99999 !important;
}
.joyride-modal-bg {
    z-index: 99998;
}

/* dialog */
.ui-dialog.ui-widget.transparent {
    background: none transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.transparent .ui-widget-header,
.ui-dialog.simple .ui-widget-header {
    background: none transparent !important;
    border: 0 !important;
    padding: 0;
    width: 95%;
    z-index: 10;
    height: 0;
    margin: 2px 0px -5px 2px;
}
.ui-dialog.simple .ui-widget-header {
    height: 40px;
    width: 94%;
    padding: 12px 0 0 16px;
}
.transparent.ui-dialog .ui-dialog-title {
    height: 0;
    margin: 0;
}
.transparent .ui-dialog-titlebar-close,
.ui-dialog.simple .ui-dialog-titlebar-close {
    background-color: white;
    border: #333 1px solid !important;
}
.transparent .ui-dialog-titlebar-close:hover,
.ui-dialog.simple .ui-dialog-titlebar-close:hover {
    padding: 1px !important;
}
.transparent .ui-dialog-content.ui-widget-content {
    padding: 0px 20px 20px;
    margin: 0 0 0 -10px !important;
}
.transparent .ui-dialog-content.ui-widget-content h2 {
    margin-top: 9px;
}
.ui-dialog.simple {
    border: 0;
    border-radius: 0;
    box-shadow: 2px 2px 25px -3px #000;
}
.ui-dialog.simple .ui-dialog-buttonpane {
    border: 0;
}
.ui-dialog.simple .ui-button {
    border-radius: 0;
}

/************************************/
/***** Help Tooltip *****/
/************************************/

.tooltip {
    height : 16px;
    background: url('../../images/community/common/tooltip_help.png') no-repeat left center;
    cursor : pointer;
    float : left;
    display: inline;
    margin: 0 5px 0 0;
    padding-left: 19px;
}
img.tooltip {
    background-image:none;
}
/* tooltip icon defaults left but this is to declare specifically */
.tooltip.left {
    padding: 0 0 0 19px;
    background-position: left center;
}
.tooltip.right {
    padding: 0 19px 0 0;
    background-position: right center;
}
.tooltip.noicon {
    background-image:none;
    padding:inherit;
    margin:inherit;
    float:inherit;
    height:auto;
}
.tooltip.underline {
    border-bottom:2px dashed #4580e6;
    padding: 0px;
}

/*******/

div#topNav, div#logo_1, div#logo_2, div#mainNav, div#mainContent, div#footer, div#wrapper, .footerNav {
    max-width: 2000px;
    width: 100%;
    min-width: 800px;
}
div#mainNav>ul {
    max-height: 66px;
    overflow: hidden;
}
div#mainNav ul {
    margin:0;
    padding:0;
}
div#mainNav ul li {
    list-style: none;
}
.slicknav_menu {
    display:none;
}

/* Mobile Menu Core Style */

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

.slicknav_menu {
    font-size:16px;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
    background-color: #f5f5f5;
}
.slicknav_menu {
    z-index: 9;
    position: relative;
}
#wrapper #mainNav .slicknav_menu .navItem {
    width: 100%;
    display: block;
    border-top: 1px dotted;
    padding-bottom: 18px;
    padding-left: 0;
    padding-right: 0;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
    font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color:#fff;
}
.slicknav_nav .slicknav_txtnode {
    margin-left:15px;
}
.slicknav_nav span.navDesc {
    padding-left: 13px;
}

/* END Mobile Nav Styles */

/* Mobile */

.slicknav_menu {
    background-color: #295f89; /*default blue*/
}
.mobileTopNavLink {
    display:none;
}
@media screen and (max-width : 700px) {
    div#mainNav ul {
        display:none;
    }
    .slicknav_menu {
        display:block;
    }
    #wrapper #mainNav {
        min-height: 44px;
        max-height: 44px;
        border-radius: 0;
        padding: 0;
    }
    div.social-icon-wrapper {
        width: 70px;
        margin: -50px 0 0;
    }
    div.social-icon-wrapper .social-icon {
        margin-top: 4px;
    }
    div#footer {
        margin: 0;
        width: 94% !important;
        float: left;
        height: auto;
    }
    #footer .triCol {
        width: 100%;
    }
    #footer .triCol .col {
        width: 45%;
        margin-right:4%;
        float:left;
    }
    #footer .triCol .col img {
        max-width: 95%;
    }
}
@media screen and (max-width : 480px) {
    body {
        border-top: none;
    }
    #topNav{
        display:none;
    }
    #wrapper #topNav .navItem {
        padding: 0 7px 0 0;
    }
    #mobileTopNavLink1 {
        display:block;
    }
    .mobileTopNavLink {
        float: right;
        color: #666;
        font-size: 11px;
        padding: 4px;
    }
}

/* End Mobile */