@import url(https://fonts.googleapis.com/css?family=Hammersmith+One);

body {
    margin:0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    color: #000000;
}

a:active, a:focus, a { outline:0; -moz-outline-style:none; text-decoration: none; color: #0055a5;  }
a:hover { color: #4f9700;  }

img { border: none; }
ul { list-style: none; padding: 0; margin: 0; }
ul li{ display: inline; }
small { font-size: 11px; }
hr { border: none; background: none; border-bottom:1px solid #AAC9CE; color: #AAC9CE; height: 1px; margin: 5px 0; padding: 5px 0; }

.fleft { float:left; }
.fright { float:right; }
.fclear { clear:both; }
.centered { margin: 0 auto;}

.aleft { text-align:left; }
.aright { text-align:right; }
.acenter { text-align:center; }
.auto-width { min-width: auto !important; width: auto !important; }

.inline { display: inline-block !important; }

.black { color: #000; }
.red { color: #ff2025}
.green { color: #05B305}
.bold { font-weight: bold !important; }

.image-left{ float: left; margin-right: 10px; }
.blueborder{ border: 1px solid #aac9ce; }
.hr { border-bottom:1px solid #AAC9CE; margin:5px 0; padding:5px 0;}
.noborder { border: none !important; }
.nomargin { margin: 0 0 !important; }

.marginR { margin-right: 5px; }
.marginL { margin-left: 5px; }

.border { border: 1px solid #c1cdd9; }
.round { border-radius: 6px; }
.padding { padding: 10px; }
.padding-top { padding-top: 10px; }
.nopadding { padding: 0 !important; }

/* Layout */

.main-wide-wrapper{
background: -moz-linear-gradient(top, #ffffff 0%,#E8E3D4 99%);
background: -webkit-linear-gradient(top, #ffffff 0%,#E8E3D4 99%);
background: -o-linear-gradient(top,  #ffffff 0%,#E8E3D4 99%);
background: -ms-linear-gradient(top,  #ffffff 0%,#E8E3D4 99%);
background: linear-gradient(to bottom,  #ffffff 0%,#E8E3D4 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E8E3D4',GradientType=0 );
    margin: 0 auto;
    width: 100%;
}

@media only screen and (max-device-width: 480px) {
  .main-wide-wrapper{
    width: 1000px;
  }
}

.main-wrapper{
    background: no-repeat top center;
    display: block;
    width: 960px;
    margin: 0 auto;
    min-height: 960px;
}

.content {
    background:none repeat scroll 0 0 #FFFFFF;
    margin-bottom:20px;
    /* min-height:690px; */
    padding:20px 10px;
    border-radius:0 0 10px 10px;
}

/* Header */

.header-wrapper{
    background: #ffffff;
}

#header {
    height: 87px;
    margin: 0 auto;
    width: 960px;
    position: relative;
}

#header .search{
    background: rgba(232, 239, 244,0.6);
    height: 52px;
    width: 292px;
    border-radius: 0px 0px 6px 6px;
    box-shadow: 2px 2px 2px #202020;
    margin-right: 15px;
}

#header .search .search-input {
    border:1px solid #B0BDC2;
    border-radius:16px 16px 16px 16px;
    height:25px;
    margin:9px 0 0 27px;
    padding:0 10px;
    width: 200px;
    font-size: 11px;
    color: #585858;
}

#header .search .submit {
    background:url("../images/search-button.png") repeat-x scroll 0 0;
    display:block;
    float:right;
    height:16px;
    margin-right:18px;
    margin-top:15px;
    width:16px;
}


#header .logo {
   display: block;
   height:92px;
   overflow:hidden;
}

/* Main Menu */

.main-menu-wide{
    background: linear-gradient(to bottom, #0055a5 10%,#242d60 90%);
    background: -webkit-linear-gradient(top, #0055a5 10%,#242d60 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='{{ attribute(attribute(tags,'HEADER-MENU-GRADIENT'),'start-color') }}', endColorstr='{{ attribute(attribute(tags,'HEADER-MENU-GRADIENT'),'end-color') }}'); /* for IE */
    border: 1px solid #242d60;
    padding: 0;
    border-left: none;
    border-right: none;
}

#main-menu {
    font-family: Hammersmith One,Arial;
    font-size: 16px;
    margin: 0 auto;
    position: relative;
    width: 960px;
}

#main-menu #user-box {
    position: relative;
    top: -6px;
    right: 0px;
    line-height: 41px;
}
#main-menu #user-box a {
    padding: 1px 6px;
}
#main-menu #user-box img {
    border: 1px solid #B4CFD4;
    margin: 1px 0 0;
}
#main-menu #user-box b {
font-family: 'Helvetica Neue',Helvetica,Arial,Sans-Serif;
    font-size: 12px;
    letter-spacing: 0.03em;
    padding-left: 9px;
}
#main-menu #user-box b small {
    font-size: 9px;
}

#main-menu .menu-item{
    display:inline-block;
    margin:3px 5px 0 4px;
    vertical-align:top;
    border: 1px solid transparent;
}

#main-menu .menu-item a{
    display: block;
    color: #ffffff;
    font-family: 'Helvetica Neue',Helvetica,Arial,Sans-Serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 33px;
}


#main-menu .menu-item:hover > a{
   color: #ffffff;
}

#main-menu li.menu-item.has-submenu:hover{
   background: #4f9700;
   border: 1px solid #242d60;
   border-radius: 3px 3px 0 0;
   -moz-box-shadow: 5px 5px 4px #435b75;
   -webkit-box-shadow: 5px 5px 4px #435b75;
   box-shadow: 5px 5px 4px #435b75;
}

#main-menu .submenu{
    background:none repeat scroll 0 0 #4f9700;
    border-radius:0 3px 3px 3px;
    padding:5px;
    position:absolute;
    display:none;
    -moz-box-shadow: 4px 4px 3px #435b75;
    -webkit-box-shadow: 4px 4px 3px #435b75;
    box-shadow: 4px 4px 3px #435b75;
    z-index: 1000;
}

#main-menu .submenu .submenu-items{
    /* border:1px solid #242d60; */
    font-size: 13px;
    line-height: 26px;
}

#main-menu .submenu .submenu-items a{
    padding: 5px;
    font-size: 14px;
    color: #ffffff;
}

#main-menu .submenu .submenu-item.separator{
    display: block;
    padding: 2px;
    border-top: 2px solid #fff;
}

#main-menu .submenu .submenu-item a:hover{
  background: #83c558;
  border-radius: 6px;
}

#main-menu li.menu-item:hover .submenu{
   display:block;
}

#main-menu li.submenu-item.has-sub-submenu .submenu {
    display: none;
}

#main-menu li.submenu-item.has-sub-submenu:hover .submenu {
    display: block;
}

.submenu.reporting {
    top:130px;
    left:162px;
    width: 150px;
}

.notification-menu-item {
    display: block;
    text-align: left;
    padding: 4px;
}

.notification-menu-item:hover {
  background: #eeeeee;
  border-radius: 6px;
}





/* Footer */

#footer {
  height:95px;
  display: block;
  color: #616060;
}

#footer .left-side .logo-footer{
  display: block;
}

#footer .footer-menu{
  display: block;
  margin-top:4px;
}

#footer .footer-menu li{
  display:inline-block;
  line-height:18px;
  width:158px;
}

#footer .footer-menu li a{
  font-size: 12px;
  font-weight: bold;
  color: #616060;
}


#footer .left-side{
  width: 331px;
}


#footer .right-side {
  width: 629px;
  text-align: right;
}

#footer .right-side .powered-by{
  margin-bottom: 18px;
}

#footer .right-side .copyright{
  font-size: 11px;
  color: #666;
}

/* pages */

.content-block.fancy {
    border: 1px solid #c1cdd9;
    border-radius: 5px;
    background: url("../images/fancy-container.png") repeat-x bottom center;
    margin-bottom:10px;
}

.content-block.fancy .block-title{
    border-bottom: 1px solid #c1cdd9;
    background: #fff;
    color:#000000;
    display:block;
    font-size:16px;
    font-weight:normal;
    margin:2px;
    line-height: 38px;
    padding: 0 10px;
}

.content-block.inline { display: inline-block; margin-right: 30px; margin:10px 10px; vertical-align: top; }
.content-block.wide { display: block; }
.content-block.padded { padding: 10px;}
.content-block.fluid { float: left; }
.content-block.little { background: url("../images/gradient-blue-big.png") repeat-x #F8FEFF; }
.content-block.noround { border-radius: 0px; }

.content-block .block-title{ font-weight: bold; display:block; padding-bottom: 5px; }
.content-block .block-title.bigger { background: url("../images/gradient-blue.png") repeat-x scroll center top #F2F6F9; border-top: 1px solid #AAC9CE; display: block; font-size: 14px; font-weight: bold; }
.content-block .block-title.bigger:first-child { border-top: none; }
.content-block .block-title.nopadding{ padding:0px; }
.content-block .block-title.transparent{ background: none !important; }


.content-block .implode-button{ display: block; text-indent: -9999px; background: url("../images/expand-icons.png") no-repeat; width: 20px; height: 20px; }

.content-block.imploded .implode-button{ background-position: 5px -22px; }
.content-block.imploded .block-content{ display: none; vertical-align:top; }
.content-block.imploded .block-title{ background: url("../images/gradient-blue.png") repeat-x bottom center #fefeff; border: none; }

.content-block .block-content.padded { padding: 10px;}
.content-block h1, .content-block h2, .content-block h3, .content-block h3  { margin-top: 0px; margin-bottom: 0px; }

.page-layout { display: block; }
.page-layout .layout-column{ display:inline-block; vertical-align:top; padding-top:10px; }

.page-layout.col2 .layout-column.column-1{ margin-left: 5px; width: 286px;}
.page-layout.col2 .layout-column.column-2{ width: 644px; }
.page-layout.col2 .layout-column.column-3{ width: 465px; }

.page-layout.col3 .layout-column{ padding-left: 15px; width: 300px; }
.page-layout .layout-column:first-child { padding-left: 0px; }


#page-subtitle{ color: #677D81; font-size: 13px; }

/* Alumni Search */

#page-alumni-search .career-list #career-level{ color: #677d81; }
#page-alumni-search #search-filters .content-block.imploded .block-content{ display: none; }

#search-map .avatar {
    float:left;
    padding-right:9px;
    padding-top:2px;
}

#search-map .user-info-box{
    display:inline-block;
    font-size: 11px;
    line-height:15px;
}

#search-map {
    display: block;
    height: 642px;
    position: relative;
}

#search-map .map-popup{
    position: absolute;
}

#search-map:hover .map-popup {
    display: block;
}

#search-map .map-popup .popup-content {
    background: url("../images/map-popup.png") repeat-x scroll 0 -121px transparent;
    display: inline-block;
    height: 93px;
    padding:16px 2px;
    float: left;
}

#search-map .map-popup .popup-controls {
    height:24px;
    padding-top:4px;
}

#search-map .map-popup .popup-controls .fancy-button {
    font-size:10px;
    margin-left:-2px;
}



#search-map .map-popup .popup-start {
    background: url("../images/map-popup.png") no-repeat scroll 0 1px transparent;
    display: inline-block;
    float: left;
    height: 116px;
    width: 24px;
}

#search-map .map-popup .popup-end {
    background: url("../images/map-popup.png") no-repeat scroll right -250px transparent;
    display: inline-block;
    float: right;
    height: 116px;
    width: 18px;
}

/*  page-alumni-lists */

#page-alumni-lists #users-list li{
    line-height: 40px;
    height: 50px;
}

#page-alumni-lists #user-holder{
   margin-left: 10px;
}

/* Page page-profile */

#profileTop{
    display: block;
    height: 48px;
}

#profileImage{
    display: inline;
    float: left;
}

#profileName{
     color: #346492;
    float: left;
    font-size: 18px;
    font-weight: bold;
    padding-left: 10px;
    width: 365px;
    margin-top: 10px;
}

#profileLeft{
    float: left;
    width: 60%;
}

#profileLeft h2 {
    color: #346492;
    font-size: 14px;
}

#profileSummary label, #profileLeft label{
    font-weight: normal;
}

#profileSummary{
    color: #494949;
     float: left;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 12px;
    width: 45%;
}

#profileCurrentPosition{
    margin-bottom: 5px;
}

#profileCurrentCompany {
    margin-bottom: 10px;
}

#profileDetail {
	width: 100%;
    color: #494949;
    border-top: 1px solid #A6BACC;
    font-weight: bold;
    padding-top: 15px;
    float: left;
}

#profileHomeLocation, .profilePastPosition{
    margin-bottom: 5px;
}

#profileAbout{
    float: left;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 20px;
}


#profileRight{
    width: 35%;
    float:right;
}

#profileRight h2{
     color: #346492;
     font-size: 18px;
     margin-bottom: 10px;
}

.profileRightmodule{
    margin-bottom: 15px;
}

#profileRight .profileRightmodule h2{
     color: #346492;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 12px;
    padding-left: 12px;
    padding-top: 14px;
}

.profileRightmodule .image-list li{
    margin-bottom: 8px;
}

.profileRightmodule .calendar-widget{
    margin-top: 5px;
}

#profileContact{
   color: #346492;
    float: left;
    font-size: 12px;
    margin-top: 18px;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
}

#contactHeader{
    border-bottom: 1px solid #A6BACC;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 12px;
   padding-bottom: 4px
}

#profileActivity{
    clear: both;
    padding: 20px;
}

.reply-link{

    background: transparent url("../images/reply.png") no-repeat 0 2px;
    padding-left: 20px;

}

a.reply-link{
    text-decoration: none !important;
}



#page-profile .user-info, #page-profile-settings .user-info{
    display: block;
}

#page-profile .user-info .tag, #page-profile-settings .user-info .tag{
    display: block;
    margin:3px 0;
}

#page-profile .user-info .name, #page-profile-settings .user-info .name{
    font-size: 28px;
}

#page-profile .long-menu{
    display: block;
    float: right;
    line-height: 40px;
    width: 140px;
    text-align: left;
}


#page-profile .long-menu .flat-button{
    width: 130px;
}


#page-profile .user-info{
    float: left;
    width: 478px;
}

#page-profile #user-big, #page-profile-settings #user-big{
    line-height:18px;
}

#page-profile .info-tag, #page-profile-settings .info-tag{
    display:block;
    line-height:18px;
}

#page-profile .info-tag .icon, #page-profile-settings .info-tag .icon{
    display: inline-block;
}


#page-profile #user-block, #page-profile-settings #user-block{
    margin-top: 25px;
}

#page-profile #user-block .more-info, #page-profile-settings .more-info{
    padding-top: 10px;
}

#page-profile #post-list .post-header { display: block; margin-bottom: 4px; }
#page-profile #post-list .post-content { padding:0 10px; }

/* page-messages */


#page-messages #messages-controls{
    padding:10px;
}

#page-messages .column-2{
    padding-left: 10px;
}

#page-messages #conversation-window{
    padding: 0px 10px 20px 10px;
}

#page-messages #friends-list li{
    cursor: pointer;
    margin-bottom: 4px;
}

#page-messages #friends-list li:hover, #page-messages #friends-list li.selected {
    background: #675A87;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#675A87), to(#564a71));
    background:-moz-linear-gradient(#675A87, #564a71);
    background:-o-linear-gradient(#675A87, #564a71);
    background:linear-gradient(#675A87, #564a71);
}

#page-messages #friends-list li:hover a.simple, #page-messages #friends-list li.selected a.simple{
    color: #fff;
}

#page-messages #friends-list li b.name{
    display: block;
    font-size: 13px;
}

#conversation-window .message-meta-bar {
    border-bottom: 1px solid #F4F4F4;
    clear: both;
    display: block;
    margin: 15px 0;
    text-align: center;
}

#conversation-window .message-meta-bar b {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #F4F4F4;
    padding: 5px;
    position: relative;
    top: 7px;
    border-radius: 6px;
}

#page-messages .message{
    margin-top: 16px;
    max-width: 86.2%;
    clear: both;
}

#page-messages .message .message-content{
    display: block;
    padding: 5px;
    background: #fff;
    border-radius: 4px;
    max-width: 80%;
    float: right;
    vertical-align:top;
    border: 1px solid #F4F4F4;
}

#page-messages .message .user-meta{
    text-align: center;
    width: 85px;
}


#page-messages .message .user-meta .username{
    display: block;
    padding: 1px;
}


#page-messages .message.bubbleLeft{
    float: left;
    margin-right: auto;
    text-align: left;
}

#page-messages .message.bubbleRight{
    float: right;
    margin-left: auto;
    text-align: right;
}

/* page job-board */

#page-job-board .job-person .job-posted{
    float: right;
    padding-top: 2px;
}

#page-job-board .job-person .left-side{
    text-align: center;
    width: 85px;
}

#page-job-board .job-person .left-side .name{
    display: block;
}


#page-job-board .job-person .right-side{
    border-left: 1px solid #AAC9CE;
    height: 110px;
    margin-left: 0;
    padding-left: 8px;
    width: 767px;
}

#page-job-board .job-person .right-side .job-title{
    font-size: 16px;
    margin-bottom: 5px;
}

#page-job-board .job-person .job-content{
    font-size: 13px;
}

#page-job-board .job-person .job-controls{
    display: block;
    margin-top: 8px;
    padding-top: 3px;
}

/* page send messages */

#page-send-messages .message .message-date{
    float: right;
    padding-top: 2px;
    font-style: italic;
}

#page-send-messages .message .left-side{
    text-align: center;
    width: 85px;
}

#page-send-messages .message .left-side .name{
    display: block;
}


#page-send-messages .message .right-side{
    border-left: 1px solid #AAC9CE;
    height: 110px;
    margin-left: 0;
    padding-left: 8px;
    width: 767px;
}

#page-send-messages .message .right-side .message-title{
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: bold;
}

#page-send-messages .message .message-content{
    font-size: 13px;
    height: 60px;
    overflow: hidden;
}

#page-send-messages .message .message-controls{
    display: block;
    margin-top: 8px;
    padding-top: 3px;
}

/* profile-settings */

#page-profile-settings .profile-person {
    display: block;
    /* margin-top: 20px; */
}

#page-profile-settings .fancy-form label{
    min-width: 100px;
}

#page-profile-settings .fancy-form .career label{
    min-width: 120px;
}

#page-profile-settings .page-layout{
    margin: 0 auto;
    width: 760px;
}

/* Page Group */

#page-group .group-info{
    padding-bottom: 10px;
}

#page-group .group-info .name{
    padding-bottom: 10px;
}

#page-group .admin-box{
    border-top:1px solid #AAC9CE;
    margin-top:5px;
    padding:10px 0 0;
}

#page-group .admin-box .tag.admin{
    font-size: 9px;
}

#page-group #bord-controls{
    margin: 0 auto;
}

#page-group #bord-list{
    margin: 0 auto;
}

#page-group #bord-list .job-op {

}

#page-group #bord-list .bord-post .name{
    font-size: 16px;
}

#page-group #bord-list .comments-list{
    margin:10px 49px;
}

#page-group #bord-list .comments-list .comment{
    background: #F2F6F9;
}

#page-group #bord-list .comments-list .comment.eaven{
    background: #e2ebf1;
}

#page-group #friends-list li b.name{
    display: block;
    font-size: 13px;
    margin: 10px 0px 0px 0px;
}

#page-group .attend-box {
    display: block;
}


#page-group #members-content ul.image-list li
{
    clear: none;
    display: block;
    float: left;
    width: 220px;
    padding: 5px 0 5px 10px
}

#page-group #members-content .button.show-more
{
    margin: 0 10px 5px 10px;
}









/* page-group-setup */


#page-group-setup .fancy-form label, #page-event-setup .fancy-form label  {
    min-width:100px;
}

#page-group-setup #administrators #people-list li {
    width: 200px;
}

#page-group-setup #administrators #people-list li .user-link{
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding-top: 5px;
}

/* page-event */

#page-event #attending #people-list li{ width:168px; }

#page-event .host-by{ width: 260px; }
#page-event .events-details { width: 330px; }

#page-event #event-list .calendar{ height: 106px }

#events-sidebar li{
    font-size: 11px;
}

#events-sidebar li{
    font-size: 11px;
}

/* Buttons */

.button.show-more { background: #C7D9E5; display: block; padding: 5px 0px; text-align: center;  text-decoration: none; margin-top: 10px; color: #FFF; border-radius: 6px; font-weight: bold; font-size: 12px; line-height: 18px; }

.fancy-button
{
    min-width: 60px;
    text-align: center;
    margin:0 5px 0 5px;
    color: #FFF;
    font-size: 16px;
    display: inline-block;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background: #6898C7;

    -moz-box-shadow: inset -2px -16px 18px -4px #366694, inset 2px 2px 1px -2px #fff;
    -webkit-box-shadow: inset -2px -16px 18px -4px #366694, inset 2px 2px 1px -2px #fff;
    box-shadow: inset -2px -16px 18px -4px #366694, inset 2px 2px 1px -2px #fff;

    border: 1px solid #4E8BA5;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;

    line-height: 21px;
    padding: 7px 10px;
}

.fancy-button:hover {
  color: #ffffff;
  background-color: #6797C5;
  background-image: none;
}

.fancy-button:active,
.fancy-button:focus
{
    color: #fff;
}

.flat-button.delete {
    color: #bb090d !important;
    height: 22px;
    background: #fff;
    border: none;
    /* background: none repeat scroll 0 0 #b75759; */
}

.flat-button.delete .icon {
    width: 17px;
    /* background: none repeat scroll 0 0 #b75759; */
}



.flat-button {
    background: none repeat scroll 0 0 #F2F6F9;
    border: 1px solid #C5D3E1;
    border-radius: 4px 4px 4px 4px;
    color: #333333 !important;
    display: inline-block;
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 25px !important;
    padding: 5px 8px;
}

.flat-button:hover, .flat-button.selected {
    background:none repeat scroll 0 0 #e3ecf2;
}

.flat-button.compact{ line-height:17px; }
.flat-button.noborder { border: none; }
.flat-button .icon{ float:left; margin-right: 10px; }


.simple-button{
    display: inline-block;
    padding: 1px 3px;
    font-size: 11px;
    border: 1px solid #AAC9CE;
    margin-right: 0px;
    margin-top: 2px;
    border-radius: 3px;
}

.simple-button:hover{
    color: #f55916;
    border-color: #f55916;
}

.simple-button.blue{
    background: #fcfefe;
}

.simple-button.red{
    color: #cc0005;
    border-color: #cc0005;
}

.simple-button.wide{
    line-height: 11px;
    padding: 1px 6px;
}


.icon-button {
    display: inline-block;
    line-height: 25px;
    opacity: 0.9;
}

.icon-button:hover {
    opacity: 1;
}

.icon-button .icon{
    display: inline-block;
    float: left;
}

.icon-button .icon.right{
    display: inline-block;
    float: right;
    margin-left: 3px;
}

.social-button {
    background: url("../images/social-buttons.png") no-repeat 0 0;
    display: block;
    width: 154px;
    height: 26px;
    text-indent: -9999px;
}

.social-button.facebook{
    background-position: 0 -26px;
}

.social-button.linkedin{
    background-position: 0 -52px;
}


.social-button.small {
    background-image: url("../images/social-buttons-small.png");
    width: 77px;
}


/* Components */

.floating-menu-button {
    float:right;
    margin-right:3px;
    margin-top:6px;
}

.floating-menu-link {
    float:right;
}

.floating-menu-link a.fancy-button {
margin-top: 5px;
}


.image-list li{ margin-bottom: 0px; clear:both; display: block; line-height: 18px; font-size: 12px; padding:5px 10px; vertical-align:top; }
.image-list .image{ float: left; margin-right: 10px; }
.image-list .calendar { float:left;  margin-right:10px; }

.image-list a{ font-weight: bold; text-decoration: underline; color: #0055a5;  }
.image-list a.simple,  a.simple-button { font-weight: normal; text-decoration: none; }
.image-list li.hidden { display: none; }
.image-list.rows li { display: inline-block; width:184px; }
.image-list.smaller li{ font-size: 10px; line-height:15px; padding:3px 10px;}
.image-list.smaller { margin: 3px 1px;}

.calendar-widget
{
    display: block;
    background:url("../images/calendar.png") no-repeat scroll 0 0 transparent;
    color:#fff !important;
    height:50px;
    text-align:center;
    width:50px;
}

.calendar-widget .month
{
    display: block;
	font-weight: bold;
    color: #fff;
    font-size: 12px;
	padding-top: 1px;
	text-decoration: none;
}

.calendar-widget .day
{
    display: block;
    color: #333;
    padding-top: 5px;
    font-weight: bold;
	font-size: 18px;
    text-decoration: none;
}


/* Icons */

.icon { display: inline-block; background: url("../images/icons.png") no-repeat; width: 24px; height: 24px; }
.icon.small { height: 20px; width: 20px; }
.icon.chat { background-position:-163px 0; }
.icon.calendar { background-position:-135px 0; }
.icon.messages { background-position:-33px 0; }
.icon.people { background-position:-101px 0; }
.icon.list { background-position:-66px 0; }
.icon.settings { background-position:-220px 0; width:30px; }
.icon.anouncement { background-position:-192px 0; }
.icon.job { background-position:-310px 0; }
.icon.alert { background-position:-334px 0; }
.icon.export-excel { background-position:-378px 0; }
.icon.export-pdf { background-position:-401px 0; }

.icon.alert { background-position:-334px 0; }
.icon.map { background: url("../images/map-icon.png") no-repeat; background-position:  2px 2px;  }


/* small icons */

.icon.small.link { background-position: -272px 0; }
.icon.small.linkedin { background-position: -253px 0; }
.icon.small.facebook { background-position: -291px 0; }
.icon.small.trash { background-position: -361px 0; }


.privacy { float:right; margin:6px 0 0 0; background: url("../images/icon-privacy.png") no-repeat; width: 20px; height: 20px; }
.privacy.public { background-position:-40px 0; }
.privacy.alumni { background-position:-20px 0; }
.privacy.private { background-position:0px 0; }

/* Navigation */

.navigation {
 }
.navigation .pages{ float: right; margin: 0px 5px; }
.navigation .pages .page-button{ vertical-align: top;}


.navigation .fancy-button{
    font-size: 12px;
}

/* Forms */

.fancy-form .form-row span.non-editable-field {
    font-size:13px;
    font-weight:bold;
}
.fancy-form .form-row label{
    color:#333;
    display:inline-block;
    font-size:14px;
    /*min-width:60px;*/
}

.fancy-form .form-row span.required
{ color:#8f3e3c; font-weight: bold; font-size: 15px; }

.fancy-form .form-row .optional{
    font-size: 10px;
    font-weight: bold;
    padding-left: 2px;
}

.fancy-form .form-row label.nolimit{
    min-width:inherit;
}

.fancy-form input.fancy-text, .fancy-form .fancy-textarea{
    background:url("../images/input-bg.png") repeat-x scroll 0 0 #F0F6F8;
    border:1px solid #AAC9CE;
    border-radius:5px 5px 5px 5px;
    font-size:16px;
    padding:5px;
    color: #333;
}

.fancy-form input.fancy-text.fullwidth, .fancy-form .fancy-textarea.fullwidth{ width: 95%; }

.fancy-form select {
    background:#F6F9FB;
    border:1px thin #333;
    border-radius:5px 5px 5px 5px;
    font-size:14px;
    padding:5px;
    color: #333;
}

.fancy-form .form-row { padding: 10px; }
.fancy-form .dropdown { display: inline-block; }

/* Fancy */

.fancy-table { width: 100%; border: 1px solid #C5D3E1; background: #fff; }
.fancy-table thead {  border: 1px solid #000; }

.fancy-table thead th{ padding:5px 0; font-weight: bold; font-size: 13px; border-bottom: 1px solid #C5D3E1; background: url("../images/gradient-blue.png") bottom center repeat-x; line-height: 30px; text-align: left; white-space: nowrap; }
.fancy-table thead th:first-child{ border-radius: 4px 0 0 0; }
.fancy-table thead th:last-child{ border-radius: 0 4px 0 0; }

.fancy-table td{ padding: 10px 0px; font-size: 13px; border-bottom: 1px solid #b7c4c4; vertical-align: middle; }
.fancy-table td span {font-weight:normal; color:#999999;}
.fancy-table { border-radius:5px; overflow:hidden; }

.fancy-table tbody td{ padding: 5px; height: 30px; font-weight: normal; }
.fancy-table thead th{ padding: 5px; }

.fancy-table thead tr:first-child td:first-child { border-radius:5px 0 0 0; }
.fancy-table thead tr:first-child td:last-child { border-radius:0 5px 0 0; }

.fancy-table tbody tr:last-child td:first-child { border-radius:0 0 0 5px; }
.fancy-table tbody tr:last-child td:last-child { border-radius:0 0 5px 0; }
.fancy-table.leftBorder td:first-child { border-left: none; }
.fancy-table.leftBorder td { border-left: 1px solid #b7c4c4; }

.fancy-table.centered td { text-align: center; }

#users-results .image { float:left; margin-right:10px; }
#users-results .user-info { display:inline-block; }
#users-results .user-info .social-box{ display:block; }
#users-results tbody#search_result tr td { vertical-align: top; }

/* Tabelsorter */

table.tablesorter th{
    cursor: pointer;
}

table.tablesorter .sorter{
    display: inline-block;
    width: 21px;
    height: 9px;
    background-image: url("../images/sort_both.gif");
    background-repeat: no-repeat;
    background-position: center center;
}

table.tablesorter thead tr .headerSortUp .sorter{
    background-image: url("../images/sort_asc.gif");
}
table.tablesorter thead tr .headerSortDown .sorter{
    background-image: url("../images/sort_desc.gif");
}


.events-block h3{
    padding-left: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}
/* java */

.editable input { width: 10px ; font-size: 12px; color: #677D81; padding-right: 10px; }

.slider{
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 5px;
}

.slider .slider-labels{
    color: #333;
    font-size: 11px;
    margin-top: 19px;
}

.scrollbars { display: block; }

/* admin */

#admin-top-sidebar .block-title .icon-button{ font-size: 12px; }
#admin-top-sidebar .block-title .icon-button .icon{  margin-right: 5px;}

/* rewrites */

.autowidth { width:auto !important; }
.clearfix { clear: both; }
.hidden { display: none; }
.nobold { font-weight: normal; }
.rounded { border-radius: 6px; }

/* */

.flat-people-list{
    list-style: none;
    text-align: center;
}

.flat-people-list li{
    background: #EEF0F0;
    display: inline-block;
    height: 21px;
    margin: 2px 0;
    padding: 4px;
    width: 46%;
    border-radius: 6px;
}

.flat-people-list a{
    color: #27616E;
}

form .type-select li{
    display:list-item;
    margin: 10px 0px;
    margin-left: 60px;
    font-size: 12px;
}

form .type-select li b{
    font-size: 15px;
}

.fancyBox{
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #d5dfe9 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#d5dfe9));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#d5dfe9 99%);
    background: -o-linear-gradient(top,  #ffffff 0%,#d5dfe9 99%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#d5dfe9 99%);
    background: linear-gradient(to bottom,  #ffffff 0%,#d5dfe9 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5dfe9',GradientType=0 );
    border: 1px solid #c5d3e1;
    border-radius: 5px 5px 5px 5px;
    color: #000000;
}

.fancyBoxLt{
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #EEF2F6 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#EEF2F6));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#EEF2F6 99%);
    background: -o-linear-gradient(top,  #ffffff 0%,#EEF2F6 99%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#EEF2F6 99%);
    background: linear-gradient(to bottom,  #ffffff 0%,#EEF2F6 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EEF2F6',GradientType=0 );
    border: 1px solid #c5d3e1;
    border-radius: 5px 5px 5px 5px;
    color: #000000;
}


/* ********************************************************
 *                          LOGIN
 * ********************************************************/

#loginHeader{
    height: 130px;
    margin: 0 auto;
    overflow: hidden;
    width: 960px;
    position: relative;
}

#loginHeader .login{
    background: none repeat scroll 0 0 rgba(232, 239, 244, 0.6);
    border-radius: 0 0 6px 6px;
    box-shadow: 2px 2px 2px #9A9A9A;
    height: 110px;
    margin-right: 15px;
    padding-top: 10px;
    width: 420px;
}

#loginFeatures{
    line-height: 16px;
}

#loginFeatures{
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5ecf2 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#e5ecf2));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5ecf2 99%);
    background: -o-linear-gradient(top,  #ffffff 0%,#e5ecf2 99%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5ecf2 99%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e5ecf2 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5ecf2',GradientType=0 );
    border: 1px solid #b3c6d8;
    margin-bottom: 0;
    margin-left: 10px;
    padding: 10px;
    width: 48%;
    float: left;
}

#featureHeader{
    color: #356593;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 15px;
    margin-top: 9px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    }

.featureAS{
 clear: both;
    display: block;
    height: 100px;
    margin-bottom: 24px;
}

.featureAS img{
    float: left;
     margin-right: 24px;
}

#loginFeatures span.desc{
display: block;
    float: right;
    font-size: 12px;
    line-height: 15px;
    margin-top: 5px;
    width: 245px;
}

#loginFeatures span.title{
 color: #356593;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding-top: 24px;
}

#loginHeader.fancy-form .fancy-button, #loginAdmin.fancy-form .fancy-button {
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #6797C5, #376796);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6797C5), to(#376796));
  background-image: -webkit-linear-gradient(top, #6797C5, #376796);
  background-image: -o-linear-gradient(top, #6797C5, #376796);
  background-image: linear-gradient(to bottom, #6797C5, #376796);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6797C5', endColorstr='#376796', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
     margin-right: 15px;
    margin-top: 8px;
    padding: 5px 14px;
       letter-spacing: 0.03em;
    display: inline-block;
}

#loginHeader.fancy-form .fancy-button:hover, #loginAdmin.fancy-form .fancy-button:hover {
  color: #ffffff;
  background-color: #6797C5;
  background-image: none;
}

#forgotPassword {
    color: #346493;
    display: block;
    font-size: 12px;
    margin-right: 10px;
    margin-top: 14px;
}

#loginAdmin{
    height: 160px;
    margin: auto auto 20px;
    padding: 20px 15px;
    width: 50%;
}

#adminloginHeader{
    color: #346493;
    display: block;
    font-size: 20px;
    margin: auto auto 10px;
    width: 200px;
}




/* ********************************************************
 *                          HOMEPAGE
 * ********************************************************/

#homepage {}

#homepage .layout-column {padding-top: 0px; }

#homepage .campaign { display: block; width: auto; margin: 0; }
#homepage .campaign .content { border-radius: 0; }

#homepage .map-news { margin-top: 4px; }

#homepage .item { display: block; clear: both; font-size: 12px; margin: 6px 0; }
#homepage .item .thumb { display: block; float: left; margin: 0 8px; }
#homepage .item .thumb img { display: block; border-radius: 4px; }
#homepage .item .title { font-weight: bold; line-height: 20px;}
#homepage .separator { border-top: 1px solid #EEE; border-bottom: 1px solid #FFF; }

#twitter-widget .twtr-hd, #twitter-widget .twtr-ft{
    display: none;
}



/* ********************************************************
 *                          INVOICES
 * ********************************************************/

#invoice-view { margin-left: 25px; width: 800px; font-size: 15px; }
#invoice-view .header { clear: both; font-size: 17px; line-height: 20px; }
#invoice-view .meta1 .col { width: 265px; }
#invoice-view .meta2 .col { width: 300px; }
#invoice-view .meta2 .field b { display: inline-block; min-width: 130px; }
#invoice-view .meta3 .field b { display: inline-block; min-width: 210px; }

#invoice-view .label { background: #c1cdd9;  font-weight: bold; line-height: 28px; padding: 0 10px; color: #FFF;}
#invoice-view .field { line-height: 25px; padding: 0 10px; }




/* ********************************************************
 *                          NEWSLETTER
 * ********************************************************/

#newsletter-setup .step { padding: 10px; font-weight: bold; color: #AAA; }

#newsletter-setup .step.selected { background: #F2F6F9; color: #0055a5;; border-radius: 6px; }

#newsletter-setup .count {
    background: none repeat scroll 0 0 #AAC9CE;
    border: 1px solid;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 3px 6px;
    text-shadow: 1px 1px 1px #333333;
}

#newsletter-setup.finish .row { float: left; margin-right: 10px; min-width: 250px;  }
#newsletter-setup.finish .row .label { background: #c1cdd9;  font-weight: bold; line-height: 28px; padding: 0 10px; color: #FFF; }
#newsletter-setup.finish .row .field { line-height: 25px; padding: 0 10px; }






/* ********************************************************
 *                          GROUPS
 * ********************************************************/

#group-create .section-privacy .private
{ display: inline-block; background: url("../images/icon-privacy.png") no-repeat; width: 20px; height: 13px; background-position: 0 0;  }
#group-create .section-privacy .public
{ display: inline-block; background: url("../images/icon-privacy.png") no-repeat; width: 20px; height: 13px; background-position:-40px 0; }
#group-create .section-privacy .approval
{ display: inline-block; background: url("../images/icon-privacy.png") no-repeat; width: 20px; height: 13px; background-position:-20px 0; }


/* Steps */

.step-button{ display: block;  margin: 10px 0;}
.step .implode-button{ display: none; }


/* ********************************************************
 *                          ADMIN
 * ********************************************************/


.admin-style {
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #d5dfe9 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#d5dfe9));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#d5dfe9 99%);
    background: -o-linear-gradient(top,  #ffffff 0%,#d5dfe9 99%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#d5dfe9 99%);
    background: linear-gradient(to bottom,  #ffffff 0%,#d5dfe9 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5dfe9',GradientType=0 );
    border: 1px solid #c5d3e1;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    color: #000000;
    margin-bottom: 15px;
    display: block;
}

.admin-style h2{
    clear: both;
    color: #346492;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 12px !important;
    margin-top: 8px !important;
    padding-left: 10px;
}

.admin-style .block-title {
    clear: both;
    color: #346492;
    display: block;
    font-weight: bold;
    padding: 10px 10px 5px;
}

.admin-style.imploded .block-title{
    background: none;
}

.admin-style .fancy-form .form-row{
    background: none;
}

.admin-style .ui-widget-content{
    border: 1px solid #c5d3e1;
}


.admin-style .fancy-form .form-row label{
    color: #333333;
    display: inline-block;
    font-size: 12px;
    padding-right: 10px;
    text-align: right;

}


.admin-style .fancy-form input.fancy-text, .fancy-form .fancy-textarea {
    color: #333333 !important;
    font-family: helvetica !important;
    font-size: 14px !important;
    border: 1px solid #cccccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    background-image: none;
    background-color: #fff;
}

.admin-style .fancy-form .fancy-textarea {
     line-height: 18px !important;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    background-image: none;
    background-color: #fff;
}

.admin-style .fancy-form select{
    color: #333333 !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 14px !important;
    border: 1px solid #cccccc;
         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    background-image: none;
    background-color: #fff;
}

.admin-style .fancy-form .fancy-button, .admin-style .fancy-button{
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #6797C5, #376796);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6797C5), to(#376796));
  background-image: -webkit-linear-gradient(top, #6797C5, #376796);
  background-image: -o-linear-gradient(top, #6797C5, #376796);
  background-image: linear-gradient(to bottom, #6797C5, #376796);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6797C5', endColorstr='#376796', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
      padding: 7px 22px;
       letter-spacing: 0.03em;
    display: inline-block;
}

.admin-style.fancy-form .fancy-button:hover, .admin-style .fancy-button:hover{
  color: #ffffff;
  background-color: #6797C5;
  background-image: none;
}

.content-block.admin {
    border: 1px solid #c1cdd9;
    border-radius: 5px;
    background: none;
    margin-bottom:10px;
}

.admin-style.fancy-table{
    margin-bottom: 0px;
    width: 100%;
    overflow:hidden;
    display: table;
}

.admin-style.fancy-table td{font-size: 13px; border-bottom: 1px solid #b7c4c4; }
.admin-style.fancy-table td span {font-weight:normal; color:#999999;}

.admin-style.fancy-table tr.even{
    background-color: #FFF;
}


.admin-style.fancy-table tr.odd{
    background-color: #F4F7FA;
}

/* addons css */
#infobox_content {
    width:305px;
}
.infobox_content_14 a,.infobox_content_14 a:hover {
    color:#333;
    font-size: 14px;
}
.infobox_content_12 {
    color:#333;
    font-size: 12px;
}

#box-about {
    width:100%;
    margin:5px 0 5px 0;
}
.bold {
    font-weight:bold;
}
.blue {
    color:#356593;
}
.green {
    color:#009900;
}
.isRequired {
    border-color:red;
}

.isRequired.text {
    border:none !important;
    font-size:10px;
    font-weight:bold;
    color:red;
    margin:0;
    padding: 0;
}
.first {
    margin:0;
    padding:0;
}

/* icons set */
.plus {
    width:20px;
    height:20px;
    background:url(../images/icon_sprite.png) no-repeat -92px 0px;
    position:relative;
    float:left;
    top:-2px;
}
.star {
    width:20px;
    height:20px;
    background:url(../images/icon_sprite.png) no-repeat -314px -4px;
    position:relative;
    float:left;
}
.question {
    width:16px;
    height:16px;
    background:url(../images/icon_sprite.png) no-repeat -180px -4px;
    position:relative;
    float:left;
    margin-top:3px;
    margin-right:10px;
    margin-left:10px;
}

.breadcrumb {
    width: 100%;
    position:relative;
    float: left;
    font-size: 12px;
}
.breadcrumb .active {
    font-weight: bold;
    color:#356593;
}
.email-setup-box {
    width:560px;
    margin-top: 10px;
}
.fancy-button.gray, .fancy-button.gray:hover {
    border-color:#c4c4c4;
    background: #c4c4c4;
    background: -moz-linear-gradient(top, #c4c4c4 0%,#7a7a7a 99%);
    background: -webkit-linear-gradient(top, #c4c4c4 0%,#7a7a7a 99%);
    background: -o-linear-gradient(top,  #c4c4c4 0%,#7a7a7a 99%);
    background: -ms-linear-gradient(top,  #c4c4c4 0%,#7a7a7a 99%);
    background: linear-gradient(to bottom,  #c4c4c4 0%,#7a7a7a 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#7a7a7a',GradientType=0 );
    box-shadow: none;
}

#tickets-form {
	width: 100%;
}

.payment-steps {
    margin:10px 0 10px 0;
}
.payment-steps li {
    width: 30%;
    padding:5px 24px 5px 24px;
    background: #aeaeae;
    color:#eaeaea;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}
.payment-steps li.active {
    background: #009900;
    color:#FFF;
}
.payment-method li {
    display:block;
}
.cc-add {
    display: inline;
}
.cc-add li {
    width: 50%;
    position:relative;
    float: left;
    margin:10px 0 10px 0;
}
#ticket-information, #payment-method, #review-confirm-cc, #review-confirm-cc-add {
    position: relative;
}

/* contributions table */
.contributions-table thead {
    background:#069;
}

.upcoming_events, .upcoming_events .data a{
    color: #0069BC;
}

.past_events, .past_events .data, .upcoming_events .data, .past_events .data a{
    color: #5C5C5C;
}