gistfile1.txt

/*************************/
/* **[[GLOBAL STYLES]]** */
/*************************/
body {
  background-color:#272625
}

a,a:visited,tr.ms-vb2 {
  color:#fff
}

.ms-vh2 {
  background-color:#fff
}

.CSNInput,input[type=submit],input[type=button],input[type=reset],button {
  cursor:pointer;
  background-color:#047AC0;
  color:#fff;
  font-weight:700;
  transition:background-color 250ms linear,color 250ms linear;
  -moz-transition:background-color 250ms linear,color 250ms linear;
  -o-transition:background-color 250ms linear,color 250ms linear;
  -webkit-transition:background-color 250ms linear,color 250ms linear
}

#rightSide {
  margin-right:45px!important
}

.ms-rtestate-field p,p.ms-rteElement-P {
  line-height:1.4!important
}

/* Hide Ribbon for un-authenticated */
#suiteBar,#s4-ribbonrow,#DeltaSuiteLinks {
  display:none
}

input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover {
  color:#047ac0;
  text-decoration:none;
  background-color:#fff
}

button:hover {
  cursor:pointer
}

.customWidth {
  width:980px;
  margin:auto
}

.longInput {
  width:215px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box
}

.informationLabel {
  color:#8AC13F;
  font-style:italic;
  padding-left:25px
}

.highlightedLabel {
  color:#8ac13f;
  font-weight:700
}

.csn-WebPartDocTreeFixedHeightDiv ul >li > span {
  word-break:break-word
}

.ms-ToolPaneOuter {
  margin-top:200px
}

/*************************/
/* **[[HEADER STYLES]]** */
/*************************/
.banner,.logoStyle,#mainHeader {
  position:relative
}

.logoDiv,.banner ul li {
  float:left
}

#s4-titlerow {
  background-color:transparent;
  margin:0;
  padding:0;
  height:auto
}

#s4-bodyContainer {
  background-color:#272526;
  background:url("/Style Library/CSN/images/wm_bg.png") no-repeat;
  background-size:cover;
  background-attachment:fixed;
  padding-bottom:0
}

#mainHeader {
  z-index:1;
  background-color:#39393b;
  height:120px!important;
  min-width:980px;
  border-bottom-color:#047ac0;
  border-bottom-width:4px;
  border-bottom-style:solid
}

.ms-fullWidth {
  margin-bottom:0
}

.logoStyle {
  width:140px;
  left:16px;
  top:5px
}

.logoDiv {
  width:180px
}

.banner {
  overflow:auto
}

.banner li {
  list-style:none
}

.loginHeader > td {
  font-size:13px;
  color:#fff
}

.loginPanel .loginTitle {
  font-size:14px
}

.loginPanel a {
  color:#87c2ed;
  font-size:13px
}

#TopBar {
  z-index:0;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:120px;
  background-color:#39393b;
  border-bottom:4px solid #047ac0
}

/**************************/
/* **[[WELCOME STYLES]]** */
/**************************/
.welcomeTile,.firstWelcomeTile,.thirdWelcomeTile,.welcome_topleft_zone,.welcome_topright_zone {
  float:left
}

.bx-prev,.bx-next {
  display:none
}

.secondWelcomeTile,.lastWelcomeTile {
  float:right
}

.welcome_topright_zone,.welcome_topleft_zone {
  width:400px
}

.firstWelcomeTile,.thirdWelcomeTile {
  margin-right:5px
}

.secondWelcomeTile,.lastWelcomeTile {
  margin-left:5px
}

.welcomeTile,.welcomeTile .tileTitle {
  color:#fff
}

.welcome_top_zone,.welcomeTile .tileMore {
  position:absolute
}

.welcomeTile {
  width:49%;
  height:250px;
  background-color:#393536;
  margin-top:20px;
  padding-bottom:20px;
  position:relative
}

.welcome_top_zone {
  top:150px;
  height:200px;
  width:980px
}

.welcome_topleft_zone {
  padding-left:100px
/*padding-top:35px;*/
}

.welcome-content {
  margin-top:0
}

.welcomePageContent input {
  margin-left:10px;
  width:200px;
  border:none;
  outline:none
}

.welcome_bottom_zone .ms-webpartzone-cell {
  margin-bottom:0!important
}

.welcomeTile .tileTitle {
  margin:5px;
  font-weight:700;
  font-size:large
}

.welcomeTile .tileImage {
  width:90%;
  margin:auto
}

.welcomeTile .tileDesc {
  margin-left:16px;
  margin-right:16px
}

.welcomeTile .tileMore {
  bottom:20px;
  right:20px
}

div.welcome_topright_zone div.ms-webpartzone-cell {
  box-shadow:none;
  background-color:transparent
}

/***********************/
/* **[[GRID STYLES]]** */
/***********************/
.GridViewAltRowStyle,.GridRowStyle,.GridViewAltRowStyle:hover,.GridRowStyle:hover {
  color:#000
}

.GridViewAltRowStyle a,.GridRowStyle a {
  color:blue
}

.GridViewAltRowStyle:hover,.GridRowStyle:hover {
  background-color:#cde6f7
}

.GridViewAltRowStyle {
  background-color:#F0F8FF
}

.GridRowStyle {
  background-color:#E6E6FA
}

.GridViewHeaderStyle {
  background-color:#c3dde0;
  padding:8px;
  border:solid 1px #a9c6c9
}

/**************************/
/* **[[CONTENT STYLES]]** */
/**************************/
#contentBoxWrapper,#contentBox ol,.ms-webpart-titleText a {
  color:#fff
}

#contentBox {
  background-color:#231f20;
  width:980px
}

#contentBoxWrapper {
  background-color:#1E1E1F
}

#contentBox ol {
  -webkit-padding-start:25px
}

.CSN-Col-25,.CSN-Col-30,.CSN-Col-33,.CSN-Col-40,.CSN-Col-50,.CSN-Col-60,.CSN-Col-70,.CSN-Col-75 {
  display:table-cell;
  vertical-align:top
}

.CSN-Col-25 {
  width:25%
}

.CSN-Col-30 {
  width:30%
}

.CSN-Col-33 {
  width:33.3%
}

.CSN-Col-40 {
  width:40%
}

.CSN-Col-50 {
  width:50%
}

.CSN-Col-60 {
  max-width:326px
}

.CSN-Col-70 {
  width:70%
}

.CSN-Col-75 {
  width:75%
}

.csn-Col-30 .ms-webpartzone-cell {
  max-width:326px!important
}

.csn-Col-40 .ms-webpart-zone {
  max-width:326px!important
}

h2.CSN-Page-Title-ContentLayout {
  padding-left:95px;
  margin-bottom:20px
}

h2.CSN-Page-Title,h2.CSN-Page-Title-ContentLayout {
  color:#8ac13f;
  font-weight:700;
  font-size:1.6em;
  display:none
}

.ms-alternating,.ms-list-addnew {
  background-color:#e6e6fa
}

/***********************/
/* **[[MENU STYLES]]** */
/***********************/
.menuDiv {
  float:right;
  position:absolute;
  bottom:0;
  right:0
}

.ms-webpart-menuLink {
  background-color:#7fff00!important
}

/***********************/
/* **[[LIST STYLES]]** */
/***********************/
ul.subsection_tabs li.tab a,ul.subsection_tabs li.tab div {
  background-color:#000
}

ul.csnnav ul li:hover,ul.csnnav li:hover,ul.csnnav li.selected,ul.subsection_tabs li.active a,ul.subsection_tabs li.active div {
  background-color:#047ac0
}

ul.subsection_tabs li.tab a,ul.subsection_tabs li.tab div,ul.subsection_tabs li.tab {
  vertical-align:middle
}

ul.csnnav a:hover,ul.csnnav li:hover,.ms-listlink {
  color:#000
}

ul.csnnav li a,ul.csnnav li.hover a,ul.csnnav li.selected a,ul.csnnav ul li,ul.subsection_tabs li.tab a {
  color:#fff
}

ul.csnnav li,ul.subsection_tabs li.tab {
  float:left
}

ul.csnnav,ul.subsection_tabs li.source_code {
  float:right
}

ul.csnnav,ul.csnnav ul,ul.subsection_tabs {
  list-style:none
}

ul.csnnav li,ul.csnnav ul li {
  background-color:#231f20
}

ul.csnnav {
  z-index:100;
  margin-bottom:0
}

ul.csnnav li {
  zoom:1;
  min-width:70px
}

ul.csnnav a:active {
  color:orange
}

ul.csnnav a:link {
  text-decoration:none
}

ul.csnnav li a {
  display:block;
  padding:4px 8px;
  border-right:1px solid #a4a5a7;
  text-align:center
}

ul.csnnav li:last-child a {
  border-right:none
}

/* Doesn't work in IE */
ul.csnnav li.hover,ul.csnnav li:hover {
  position:relative
}

ul.csnnav li.selected a {
  border-right:0
}

ul.csnnav ul {
  min-width:300px;
  visibility:hidden;
  position:absolute;
  top:100%;
  left:0;
  padding:0;
  border:1px solid #a4a5a7
}

/* IE 6 & 7 Needs Inline Block */
ul.csnnav ul li a {
  border-right:none;
  width:100%;
  display:inline-block;
  text-align:left
}

ul.csnnav ul li {
  font-weight:400;
  border-bottom:1px solid #a4a5a7;
  float:none
}

ul.subsection_tabs {
  margin:0 0 5px;
  padding:0;
  border-bottom:1px solid #ccc;
  height:30px;
  clear:both
}

ul.subsection_tabs li.tab {
  height:30px;
  border-left:0;
  border-right:1px;
  border-bottom:0;
  border-top:0;
  border-color:#fff;
  border-style:solid;
  text-align:center
}

ul.subsection_tabs li:last-child.tab {
  border-right:0
}

ul.subsection_tabs li.tab div {
  height:30px
}

ul.subsection_tabs li.tab a {
  display:block;
  padding-top:6px;
  padding-left:30px;
  padding-right:30px;
  font-weight:700
}

.ms-listviewtable,.ms-list-emptyText-compact {
  background-color:#fff
}

.ms-list-addnew {
  padding-right:10px;
  padding-left:10px
}

.ms-vb a:visited,.ms-vb2 a:visited,.ms-vb-user a:visited {
  color:#fff!important
}

.csnMembersDiv .ms-vb2 a {
  color:#000!important
}

/*************************/
/* **[[MEMBER STYLES]]** */
/*************************/
.memberColor,.csnMembersDiv .ms-alternating td,.csnMembersDiv .ms-alternating td a,.csnMembersDiv td.ms-vb2 {
  color:/*#b2b0b1!important;*/
#000!important
}

.csnMembersDiv .ms-core-menu-title {
  color:#b2b0b1!important
}

.csnMembersDiv .ms-viewheadertr tr td a,.csnMembersDiv .ms-viewheadertr th {
  color:#fff!important;
  font-size:13px;
  font-weight:700
}

.csnMembersDiv .ms-viewheadertr th,.csnMembersDiv .ms-viewheadertr td,.csnMembersDiv .ms-viewheadertr tr td a {
  padding-left:0!important
}

.ms-vh2 table.ms-selectedtitle {
  background-color:#047ac0
}

.memberColumn,td .tdMemberInfoContLeftCol,td.tdMemberInfoContRightCol,td.tdMemberInfoContMidCol {
  padding:0!important
}

.memberBG,.csnMembersDiv .ms-alternating,.csnMembersDiv .ms-alternating td {
  background-color:#E6E6E6
}

.memberBG2,.csnMembersDiv .ms-viewheadertr,#divProudMembers,.csnMembersDiv .ms-core-menu-list {
  background-color:#2b292a!important
}

.memberInput,.memberlevel input[type=text],.memberBilling input[type=text] {
  width:215px
}

.proudMembersStyle,#divProudMembers,#pInnerProudMembers {
  margin:auto
}

#divProudMembers {
  width:100%;
  color:#fff;
  text-align:center;
  position:relative
}

#pInnerProudMembers {
  font-size:x-large;
  font-weight:700;
  line-height:3em
}

.memberLevel {
  width:100%
}

.memberLevel td.orgInfoTableLabelTD {
  width:205px;
  white-space:normal
}

.memberBilling select {
  width:228px
}

.csnMembersDiv .LinkedInImg {
  width:12px
}

td.tdMemberInfoContMidCol {
  width:6%
}

td.tdMemberInfoContLeftCol,td.tdMemberInfoContRightCol {
  width:47%
}

.orgInfoTableLabelTH {
  width:482px!important
}

.orgInfoTable .textContainterStyle {
  padding-right:10px
}

#memberInfoDiv .textContainterStyle {
  padding-left:6px;
  padding-right:16px
}

.MemberInfoTH {
  padding-left:4px!important;
  width:494px
}

.csnMembersDiv .ms-descriptiontext {
  display:none
}

.csnMembersDiv tr {
  background-color:#b2b0b1;
  border-radius:10px!important
}

.csnMembersDiv tr td a {
  color:#000!important;
  text-decoration:underline!important
}

.csnMembersDiv .ms-vh2,.csnMembersDiv .ms-viewheadertr tr,.csnMembersDiv .ms-menuimagecell {
  background-color:transparent!important
}

.csnMembersDiv .ms-alternating td a {
  text-decoration:underline!important
}

.csnMembersDiv .ms-viewheadertr a {
  padding:3px!important
}

.csnMembersDiv .ms-vb a,.csnMembersDiv .ms-vb,.csnMembersDiv .ms-vb img {
  text-decoration:none!important;
  cursor:default!important
}

.csnMembersDiv .ms-selectedtitle,.csnMembersDiv .ms-menuimagecell {
  border-style:none!important
}

.LinkedInImg {
  width:12px
}

/*******************************/
/* **[[ORGANIZATION STYLES]]** */
/*******************************/
.orgSelect,table.orgInfoTable select,.orgInfoContentTD select,#pocInfo select {
  width:228px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box
}

.orgInputs,.orgApp input[type=text],.orgApp textarea,.orgApp select {
  background-color:transparent;
  border:2px solid #6E6E6E;
  color:#fff
}

.adminViewContainer .orgApp th.ms-vh2:last-child {
  text-align:center;
  vertical-align:top
}

.adminViewContainer .orgApp td.ms-vb2:last-child {
  width:88px
}

.adminViewContainer .orgApp tr {
  height:38px
}

.adminViewContainer .orgApp td.ms-vb2 > *,.adminViewContainer .orgApp td.ms-vb2 {
  vertical-align:middle
}

.orgApp {
  padding-left:20px;
  padding-right:20px
}

.orgAppSubTitle {
  font-weight:700;
  color:#8AC13F
}

.orgErrorMsg {
  color:#F0F
}

.loginMessage {
  text-align:left;
  padding-left:20px
}

.orgApp input[type=file] {
  border:none
}

table.orgInfoTable,.Orgtable_POCTitle {
  width:100%
}

table.orgInfoTable td.orgInfoTableLabelTD {
  width:205px
}

table.orgInfoTable input[type=text],#pocInfo input[type=text] {
  width:215px
}

#pocInfo td.orgInfoTableLabelTD {
  width:210px
}

#pocInfo td.orgInfoContentTD {
  width:-moz-calc(47% - 205px);
  width:-webkit-calc(47% - 205px);
  width:calc(47% - 205px)
}

#pocInfo td.orgInfoGaP {
  width:6%
}

.orgline-seperator {
  background-color:#acacad;
  height:2px;
  margin:15px 80px 10px
}

.orgApp td {
  vertical-align:top
}

.orgApp a {
  color:#87c2ed!important
}

#orgInfo {
  padding-top:20px
}

.divOrgCommand {
  padding-left:16px;
  margin-bottom:20px
}

.orgApp td {
  padding:4px
}

.orgApp select option {
  background-color:#535355
}

.socialIconPadding {
  padding-right:10px
}

#profileInformation {
  margin-left:10px;
  margin-right:10px;
  margin-top:10px
}

#formBottom a {
  color:#1D91E4!important
}

/************ Recaptcha on Organization Application page ********************/
#recaptcha_response_field {
  color:#535355!important
}

/******************************/
/* **[[LOGIN PANEL STYLES]]** */
/******************************/
ul.loginMenu li.hover a,ul.loginMenu li.selected a,ul.loginMenu ul li,ul.loginMenu li a,.loginPanel {
  color:#fff
}

ul.loginMenu a:hover,ul.loginMenu li:hover {
  color:#000
}

ul.loginMenu,ul.loginMenu li:hover,.topLoginHeader img {
  position:relative
}

.loginBG,ul.loginMenu ul li:hover,ul.loginMenu li.selected,ul.loginMenu li:hover {
  background-color:#047ac0
}

ul.loginMenu li.hover,ul.loginMenu li:last-child a,ul.loginMenu li.selected a,ul.loginMenu ul li a {
  border-right:0
}

.loginPanel,ul.loginMenu,.loginContainer {
  float:right
}

.loginContainer {
  display:inline-block!important
}

.loginPanel {
  text-align:right;
  font-size:smaller;
  background:#000;
  -moz-box-shadow:0 0 10px #0C0B0B;
  -webkit-box-shadow:0 0 10px #0C0B0B;
  box-shadow:0 0 10px #0C0B0B;
  border:solid #191919 2px;
  padding-bottom:5px;
  padding-right:10px;
  margin-right:60px
}

.loginPanel input[type="image"] {
  width:68px
}

.loginHeader {
  font-size:x-small;
  color:silver;
  text-align:left
}

.loginPanel .loginTitle {
  padding-left:20px;
  padding-right:20px
}

ul.loginMenu {
  background:#231f20;
  min-width:200px;
  left:-10px;
  list-style:none;
  z-index:200;
  margin-bottom:28px;
  margin-top:0;
  padding-left:0!important
}

.loginMenu > li {
  width:100%!important
}

div.topLoginHeader {
  display:table-cell
}

ul.loginMenu li {
  float:left;
  zoom:1;
  background:#231f20;
  min-width:70px;
  min-height:35px
}

ul.loginMenu img {
  width:15px;
  padding-left:8px;
  padding-top:8px
}

ul.loginMenu a:active {
  color:orange
}

ul.loginMenu a:link {
  text-decoration:none
}

ul.loginMenu li a {
  padding:4px 8px;
  border-right:1px solid #a4a5a7;
  text-align:center
}

.topLoginHeader	img {
  top:3px;
  right:5px;
  cursor:pointer
}

ul.loginMenu ul {
  width:100%;
  visibility:hidden;
  position:absolute;
  top:100%;
  left:30px;
  padding:0;
  border:1px solid #a4a5a7;
  list-style:none
}

/* IE 6 & 7 Needs Inline Block */
ul.loginMenu ul li a {
  width:100%;
  display:inline-block;
  text-align:left
}

ul.loginMenu ul li {
  font-weight:400;
  background:#231f20;
  float:none
}

.ms-signInLink {
  display:none!important
}

/*********************************/
/* **[[RESET PASSWORD STYLES]]** */
/*********************************/
.fullSizeSelect {
  width:450px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box
}

.resetInput,.resetPwdContainer input[type=text],.resetPwdContainer input[type=password],.resetPwdContainer input[type=file],.resetPwdContainer textarea,.resetPwdContainer select {
  background-color:#535355;
  border:2px solid #6E6E6E;
  color:#fff
}

.resetInput,.resetPwdContainer input[type=text],.resetPwdContainer input[type=password],.resetPwdContainer input[type=file],.resetPwdContainer .divMainContent,.resetPwdContainer .smallTitle {
  float:left
}

.resetPwdContainer {
  width:800px;
  padding:20px 0;
  margin:0 auto
}

/*continue | cancel buttons */
.resetPwdContainer > div:last-child {
  float:right;
  margin-right:76px
}

.resetPwdContainer .imgLogo {
  width:250px;
  margin:auto;
  text-align:center
}

.resetPwdContainer .divErrorMsg {
  margin:10px auto 0;
  width:300px;
  color:red;
  font-size:medium
}

.resetPwdContainer .bigTitle {
  margin:20px auto;
  text-align:center;
  font-size:x-large
}

.resetPwdContainer .divMainContent {
  margin:10px auto;
  width:800px
}

.resetPwdContainer .smallTitle {
  margin:10px 0;
  padding-left:20px;
  width:30%
}

.resetPwdContainer .resetPwdRow,resetPasswordRow {
  padding-bottom:10px;
  width:725px;
  margin:0 auto
}

.resetPwdContainer .divCommand {
  margin:20px auto 0;
  padding-left:10px;
  width:300px
}

/***********************/
/* **[[POPUP Styles]]** */
/*************************/
.popupContainer {
  padding-top:20px;
  padding-right:0;
  padding-left:0;
  padding-bottom:30px
}

.popupContainer .imgLogo {
  width:250px;
  margin:auto;
  text-align:center
}

.popupContainer .divErrorMsg {
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
  width:300px;
  color:red;
  font-size:medium
}

.popupContainer .bigTitle {
  margin-top:20px;
  margin-bottom:20px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  font-size:x-large
}

.popupContainer .divMainContent {
  margin-top:10px;
  margin-bottom:10px;
  margin-left:auto;
  margin-right:auto;
  width:100%
}

.popupContainer .smallTitle {
  margin-top:5px;
  margin-bottom:5px;
  padding-left:20px;
  float:left;
  width:35%
}

.popupContainer .largeTitle {
  margin-top:5px;
  margin-bottom:5px;
  padding-left:20px;
  float:left;
  width:85%
}

.popupContainer .divMainContent {
  float:left
}

.popupContainer .popupRow {
  padding-bottom:10px
}

.popupContainer input[type=text],.popupContainer input[type=password],.popupContainer input[type=file],.popupContainer textarea,.popupContainer select {
  background-color:#535355;
  border:2px solid #6E6E6E;
  color:#fff;
  width:210px
}

.popupContainer select {
  width:223px
}

.popupContainer .divCommand {
  margin-top:20px;
  padding-left:10px;
  width:300px;
  margin-left:auto;
  margin-right:auto
}

.popupContainer textarea {
  margin-top:5px;
  margin-bottom:5px;
  padding-left:20px;
  float:left;
  width:85%
}

/*************************/
/* **[[FOOTER STYLES]]** */
/*************************/
.authenticateFooter .footerLinkContainer,.anonymousFooter .footerLogo,.anonymousFooter .footerLinkContainer,.anonymousFooter .lastFooterLogo,.authenticateFooter .footerLogo,.authenticateFooter .lastFooterLogo,.authenticateFooter .footerLinkContainer {
  margin:20px
}

.anonymousFooter .footerLogo,.anonymousFooter .lastFooterLogo,.anonymousFooter .footerSocial,.authenticateFooter .footerLogo,.authenticateFooter .lastFooterLogo,.authenticateFooter .footerSocial {
  position:relative
}

.authenticateFooter .footerLinkContainer,.anonymousFooter .footerLinkContainer,.anonymousFooter .footerLogo,.anonymousFooter .footerSocial div,.authenticateFooter .footerSocial div,.authenticateFooter .footerLogo,.authenticateFooter .footerLinkContainer {
  float:left
}

.anonymousFooter .lastFooterLogo,.anonymousFooter .footerSocial,.authenticateFooter .lastFooterLogo,.authenticateFooter .footerSocial {
  float:right
}

#mainFooter {
  color:#fff;
  background-color:#2b292a;
  min-height:180px;
  display:block
}

.ms-rteThemeForeColor-7-3 {
  color:#8ac13f
}

.authenticateFooter .lastFooterLinkContainer {
  margin-right:100px;
  display:inline
}

.anonymousFooter .firstFooterLinkContainer,.authenticateFooter .firstFooterLinkContainer {
  width:57%
}

.anonymousFooter .footerLogo,.authenticateFooter .footerLogo {
  width:15%;
  top:40px
}

.anonymousFooter .lastFooterLogo,.authenticateFooter .lastFooterLogo {
  margin-top:25px;
  top:10px;
  width:15%
}

.anonymousFooter .footerSocial,.authenticateFooter .footerSocial {
  border-top:2px solid #fff;
  top:10px
}

.anonymousFooter .footerSocial div:first-child {
  margin-left:30px
}

.anonymousFooter .footerSocial div,.authenticateFooter .footerSocial div {
  margin-top:10px;
  margin-right:4px;
  width:28px
}

.anonymousFooter .footerSocial div:last-child,.authenticateFooter .footerSocial div:last-child {
  margin-top:10px;
  margin-right:0
}

.authenticateFooter .footerLogo
.authenticateFooter .footerSocial div:first-child {
  margin-left:30px
}

.authenticateFooter .CSN-AuthenticatedFooterLinksRow,.authenticateFooter .CSN-AuthenticatedFooterLinksRowLast {
  width:100%;
  text-align:center
}

.authenticateFooter .CSN-AuthenticatedFooterLinksRowLast {
  border-bottom:#acacac 2px solid;
  padding-bottom:10px
}

/***************************/
/* **[[FEEDBACK STYLES]]** */
/***************************/
.feedbackPageDiv input,.feedbackPageDiv textarea {
  background-color:transparent;
  border:1px solid #fff
}

.csn-Comment a:hover {
  text-decoration:none!important
}

.csn-Comment a {
  color:#acacad
}

.feedbackColWidth {
  width:400px;
  max-width:425px
}

.csn-Comment img {
  position:relative;
  top:3px
}

.mapIframe {
  height:380px;
  border:0;
  frameborder:0
}

.commentBody > div > a {
  color:#87c2ed
}

.align-middle {
  vertical-align:middle
}

div.csn-CommentList > ul.memberCommentList > li {
  list-style-type:none
}

/*************************/
/* **[[SEARCH STYLES]]** */
/*************************/
#SearchBox .ms-helperText,.ms-srch-sb > input[type="text"],textarea,.ms-inputBox,.handle_label,.slider_extent_label_section,.ms-srch-item-body > .ms-metadata,.ms-srch-metadataText-emphasis,.ms-srch-result #PagingSelf a,.ms-vb2 a.ms-listlink,.ms-vb-user a.ms-listlink,.ms-vb a.ms-listlink:visited,.ms-vb a.ms-listlink:visited:hover,.ms-srch-resultFooter {
  color:#fff
}

#SearchBox {
  position:relative;
  top:7px
}

.ms-ref-refiner #Container,.ms-srch-result {
  padding-left:15px
}

.ms-ref-refiner {
  padding-top:5px
}

.authenticateSearch {
  display:inline-block;
  float:right
}

.ms-srch-item-path,.ms-srch-item-link,.ms-ref-name,.ms-ref-refinername:link,ms-ref-refinername:visited,.ms-commandLink,.ms-commandLink:visited,.ms-srch-resultFooter a,.ms-srch-result #PagingLink a {
  color:#43afff!important
}

.ms-srch-item-highlightedText {
  color:#8AC135!important
}

.ms-srch-item:hover {
  background-color:#0f0f0f
}

#SearchBox {
  display:block;
  width:235px
}

a[id$='Follow'],a[id$='hoverSend'],div[id$='ViewsLifeTime'],.ms-srch-hover-filetype,.ms-srch-hover-popularity {
  display:none
}

#NoResult a {
  color:#87c2ed
}

/******************************************************************/
/******************************************************************/
/******************************************************************/
/**************************/
/* **[[WEBPART STYLES]]** */
/**************************/
/*** General web part header ***/
.CSN-WPTitle {
  font-size:1.2em;
  margin-bottom:0;
  color:#fff;
  background-color:#231f20;
  font-weight:700;
  border-top:4px #047ac0 solid;
  background-image:url('/Style Library/CSN/images/WebPartTitleBg1.png');
  background-repeat:repeat-x;
  background-position:left center;
  background-size: cover;
  padding:5px 20px 5px 5px;
  overflow:hidden
}

.CSN-WPTitle a:hover {
  text-decoration:none
}

.CSN-WPTitle {
  padding-top:0;
  padding-bottom:0
}

.CSN-WPTitle span {
  padding-top:5px;
  padding-bottom:5px
}

/*** General Web Part ***/
#mycarousel {
  position:relative;
  overflow:hidden;
  width:100%
}

#mycarousel li {
  float:left;
  width:300px;
  text-align:center
}

.adminViewTab {
  width:100%;
  border:1px solid
}

.ms-webpart-chrome-title,.ms-webpart-chrome-title h2 {
  color:#fff
}

.UserSectionTitle a {
  color:#000
}

.ms-webpart-zone-title,.ms-WPAddButton a {
  color:lime!important
}

.ms-webpart-chrome-title,.csn-WebPartDiv {
  background-color:#231f20
}

.ms-webpart-chrome-title {
  margin-bottom:0
}

.ms-webpart-chrome-title h2 {
  font-weight:700;
  border-top:4px #047ac0 solid;
  background-image:url('/Style Library/CSN/images/WebPartTitleBg.png');
  background-repeat:repeat-x;
  background-position:left bottom;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:5px;
  color:#fff!important
}

.csn-WebPartDiv {
  padding-left:12px
}

.ms-webpartzone-cell {
  margin-bottom:10px
}

div.ms-webpartzone-cell {
  box-shadow:0 0 20px #0c0b0b
}

/*** Bamboo Weather Web Part ***/
.ms-WPTitle a {
  color:#fff
}

.HW17ForecastBlueFont9 a {
  color:#455b73
}

/*** External Link Web Part ***/
.csn-ExternalLinks {
  border-bottom:1px #484849 solid;
  padding-top:5px;
  padding-bottom:4px;
  padding-left:2px
}

.csn-ExternalLinks a {
  color:#87c2ed
}

.extDesc {
  float:left;
  width:90%
}

.csn-ExternalLinks img {
  margin-left:10px
}

/*** Document CQWP ***/
.csn-DocDateDiv {
  font-size:11px;
  color:#acacad;
  margin-left:18px
}

.csn-DocDiv a {
  color:#87c2ed
}

.csn-DocDiv img {
  margin-right:10px
}

.csn-DocDiv {
  border-bottom:1px #484849 solid;
  padding-top:5px;
  padding-bottom:4px
}

/*** Breaking News Web Part ***/
.csn-WebPartDiv-BreakingNews {
  background-color:#231f20
}

.csn-BreakingNewsDate {
  padding-top:10px;
  color:#1FBC43
}

.csn-BreakingNewsDescription {
  padding-right:10px;
  font-size:15px
}

.csn-BreakingNewsImage {
  float:left;
  margin-right:10px
}

.csn-BreakingNewsDiv {
  background-image:url('/Style Library/CSN/images/BreakingNewsGreyShim.png');
  background-repeat:repeat-x;
  height:80px;
  display:inline-block;
  padding-bottom:3px;
  width:100%
}

.csn-BreakingNewsDiv:last-child {
  padding-bottom:0
}

/*** Poll Web Part ***/
.ms-vb,.ms-surveyTotal {
  color:#fff
}

.ms-surveyHBarLabel {
  background-color:transparent
}

#idNewSurveyResponse,.csn-Survery-Respond-Link,.csn-Survery-Respond-Link:visited {
  color:#61a0d6
}

.ms-surveyTotal {
  display:none
}

/************* Modal Dialog *****************/
.ms-dlgContent {
  background-color:#000
}

/************* RSS *****************/
.csn-rss-description .feedflare {
  display:none
}

.csn-rss-description {
  padding-bottom:10px;
  display:inline-block;
  margin-bottom:10px
}

/*div[id^='MSOZoneCell'] table *								{max-width:960px;}
div[id^='MSOZoneCell'] table 								{overflow:scroll;}*/
/*** RSS OOB SP Web Part ***/
div[id^="rssFeedWPDiv_"],.csn-rss-main-div {
  background-color:#231f20
}

.csn-rss-item	a {
  color:#87c2ed !important;
  font-weight:700 !important;
}

.csn-rss-main-div {
  padding-left:10px !important;
  width:auto !important;
  padding-right:10px !important
}

.csn-rss-main-div .item {
  padding-left:0
}

div.csn-rss-description img {
  padding-right:10px;
  width:100px;
  float:left
}

div.csn-rss-description img[border="0"] {
  display:none
}

.csn-rss-date {
  color:#1FBC43;
  font-size:11px
}

/*** RSS FireArrow Web Part ***/
div[class^="descriptionFPg"],span.ms-descriptiontext {
  color:#fff
}

div[class^="rssHeaderFPg_"],div[class^="itemFPg_"] {
  background-color:#231f20;
  margin:0
}

div[class^="rssHeaderFPg_"] {
  padding:10px
}

div[class^="itemFPg_"] {
  padding:5px
}

div[class^="descriptionFPg"] a {
  color:#87c2ed;
  font-weight:700
}


/* RSS - Nepal - latest maps */
.item.link-item.csn-rss-feed{
	padding-right:10px !important;
}
.csn-rss-feed a{
	color:#43AFFF !important;
	font-size:14px !important;
	font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif !important;
}

.csn-rss-feed .field-field-map-summary{
	color:white;
	font-size:13px !important;	
}
.csn-rss-feed img{
	padding-top:10px;
}
.csn-rss-feed .field-label{
	display:none;
}
.csn-rss-feed .description{
	font-size:13px !important;	
	color:white !important ;
	font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif !important;
}

/************* Twitter Web Part *****************/
.twitter-timeline-rendered {
  padding-left:10px;
  background-color:#231f20
}

.twitter-timeline-rendered img {
/*display:none;*/
}

div.e-entry-content {
  color:red!important;
}

iframe.twitter-timeline-rendered {
  width:97%!important;
  position: relative  !important;
  left: 9px;
}

/************* CSN Calendar Web Part *****************/
#tblCalContent {
  max-width:500px
}

.tblEventItem {
  width:100%;
  font-size:small
}

.tblEventItem .tblEventItemTitleCol {
  width:120px
}

.tblEventItem .tblEventItemContCol {
  width:310px
}

.rtpDateCell {
  height:120px
}

.rtpDateCell,.csnTodayCell {
  border:1px solid #dbdbdb!important;
  border-collapse:collapse;
  vertical-align:top!important;
  text-align:right
}

.rtpDateCell div,.tblHeaderStyle,.eventLinkStyle span,.csnCalendar >tbody >tr > td:first-child,.csnTodayCell div,.divCalendarEventDetail a {
  color:#000
}

.rtpDateCell,.tblHeaderStyle,.csnCalendar >tbody >tr > td:first-child {
  background-color:#fff
}

.csnTodayCell {
  background-color:#d7d7d7
}

.rtpDateCell div {
  text-align:left;
  margin:3px
}

.rtpDateNotCurMonthCell a {
  color:silver!important
}

.tblHeaderStyle {
  font-size:14px;
  font-weight:400;
  height:40px;
  border-style:none;
  vertical-align:bottom
}

.tblTitleStyle {
  background-color:#231f20;
  color:#fff;
  font-size:30px;
  border-style:none;
  border-width:0!important;
  text-transform:uppercase
}

.tblTitleStyle td {
  padding:0!important;
  height:50px
}

.csnCalendar {
  border-width:1px!important;
  border-collapse:collapse
}

.csnCalendar >tbody >tr > td:first-child {
  padding:0!important
}

.csnTodayCell div {
  text-align:left;
  margin:3px
}

.csnPrevNextStyle a {
  color:#fff!important
}

.calendarSelectorContainer {
  background-color:#535355;
  box-shadow:0 0 20px #0c0b0b;
  padding:10px 5px 20px
}

.calendarFitlerBox {
  padding-bottom:10px;
  border-bottom:1px silver solid
}

.calendarFitlerBox input,.calendarSelectorContainer img {
  display:none
}

.calendarSelectorTitle {
  margin-top:10px;
  margin-bottom:10px;
  margin-left:10px;
  font-size:16px
}

.calendarSecSelector {
  background-color:#acacae;
  margin:5px;
  padding-left:15px;
  padding-bottom:10px;
  padding-right:15px
}

.calendarSecSelector div {
  padding-top:10px
}

.divCalendarEventDetail a {
  text-decoration:none
}

/**********************/
.bxslider,.bxsliderBreakingNews {
  visibility:hidden
}

.rsImg {
  display:none
}

.bx-wrapper img,.bxslider li {
  width:100%!important
}

.bx-controls-direction a {
  display:none
}

/*****csn traffic style**********/
div.trafficUpdateDate {
  padding-left:20px;
  padding-top:10px;
  padding-bottom:10px
}

ul.trafficElements {
  list-style:none;
  padding-left:5px;
  padding-right:5px;
  margin-top:0;
  margin-bottom:0;
  height:500px;
  overflow-y:auto;
  overflow-x:hidden
}

.trafficElements li {
  padding:10px;
  border-bottom:1px #484849 solid
}

.trafficElements li .trafficListIcon {
  float:left;
  height:50px
}

.trafficElements li .trafficListIcon img,.trafficElements li .trafficListIcon {
  width:50px
}

ul.trafficElements,div.trafficUpdateDate {
  background-color:#231f20
}

.trafficElements li .trafficListType {
  font-weight:700
}

.trafficElements li .trafficListLocation,.trafficElements li .trafficListTime,.trafficElements li .trafficListType {
  margin-left:60px
}

/*** MemberPost Web Part ***/
.divMemberPostItem .csn-Comment,.divMemberPostItem .csn-Reply,.csn-MemberPostTopLeft,.csn-MemberPostTopRight img,.csn-MemberPostTopLeft,.csn-MemberAlertTopLeft {
  float:left
}

.divMemberPostItem .csn-MemberPostCreatedBy,.divMemberPostItem .csn-MemberPostDate,span.commentCreated,span.commentCreatedBy {
  font-size:11px
}

.divMemberPostItem .csn-PostType-General,.divMemberPostItem .csn-PostType-Incident,.divMemberPostItem .csn-PostType-Question,.divMemberPostItem .csn-PostType-Update,.divMemberPostItem .csn-PostType-Private {
  color:#fff;
  float:left;
  border:1px solid
}

.divMemberPostItem .csn-MemberPostCreatedBy,.divMemberPostItem .csn-Comment,.divMemberPostItem .csn-Reply a,.divMemberPostItem .csn-Reply {
  color:#acacad
}

.divMemberPostItem .csn-MemberPostDate,span.commentCreated {
  color:#1FBC43
}

.divMemberPostItem .csn-PostType-Incident {
  border-color:#ff0
}

.divMemberPostItem .csn-PostType-Update {
  border-color:#BB1B6B
}

.divMemberPostItem .csn-MemberPostBody,.divMemberPostItem .csn-NewCommentTextBox textarea,td.notificationHeader,span.commentBody {
  color:#fff;
  max-width:298px;
  text-align:left
}

.divMemberPostItem {
  border-bottom:1px #484849 solid;
  padding-top:5px;
  padding-bottom:4px
}

.divMemberPostItem .csn-MemberPostTitle {
  color:#61a0d6;
  margin-top:5px;
  font-size:14px
}

.divMemberPostItem .csn-PostType-General {
  border-color:#868686
}

.divMemberPostItem .csn-PostType-Question {
  border-color:green
}

.divMemberPostItem .csn-PostType-Private {
  border-color:#61a0d6
}

.divMemberPostItem .csn-MemberPostBottonRightContainer {
  float:right;
  width:206px
}

.divMemberPostItem .csn-Comment {
  padding-left:5px;
  padding-right:5px;
  border-right:1px #484849 solid
}

.divMemberPostItem .csn-MemberPostBottom input {
  cursor:pointer
}

.divMemberPostItem .csn-Like,.divMemberPostItem .csn-Reply {
  padding-left:11px;
  padding-right:0;
  display:inline
}

.divMemberPostItem .csn-NewComment {
  background-color:transparent;
  margin-top:12px;
  margin-bottom:6px;
  margin-left:20px;
  margin-right:20px
}

.divMemberPostItem .csn-NewCommentTextBox textarea {
  background-color:transparent;
  width:98%
}

.divMemberPostItem .csn-NewCommentReply {
  text-align:right
}

.divMemberPostItem .csn-CommentList {
  background-color:#535355;
  margin-left:30px;
  margin-right:30px
}

.divMemberPostItem .csn-CommentList {
  margin-top:10px
}

.divMemberPostItem ul {
  list-style:none;
  margin-bottom:28px;
  margin-top:0;
  padding:10px;
  color:#e6e6e6
}

/*.divMemberPostItem ul li                   					{min-width:70px; border-bottom: 1px #fff solid; padding-top: 5px;padding-bottom: 5px;}*/
.divMemberPostItem ul li {
  min-width:70px;
  padding-top:5px;
  padding-bottom:5px;
  list-style-type:disc
}

.divMemberPostItem ul li:last-child {
  border-bottom:0
}

.csn-MemberPostBody iframe {
  width:100%
}

.csn-MemberPostTopLeft {
  display:block;
  width:-moz-calc(100% - 25px);
  width:-webkit-calc(100% - 25px);
  width:calc(100% - 25px)
}

.csn-MemberPostTopRight {
  float:right;
  padding-right:10px;
  padding-top:5px
}

.csn-MemberPostBody table,csn-MemberNeedBody table {
  width:100%
}

ul.sp-autoFill-scroll li.ms-core-menu-footer div.ms-textSmall {
  color:#000
}

/************* Member Post (Update)Web Part *****************/
.divMemberPostItem .csn-CommentList,.csn-NewCommentReply input {
  margin-left:0;
  margin-right:0
}

.csn-MemberPostTopLeft {
  display:block;
  width:-moz-calc(100% - 70px);
  width:-webkit-calc(100% - 70px);
  width:calc(100% - 70px)
}

.csn-MemberPostTopRight .csn-MemberPostSeparator {
  padding-left:5px
}

.csn-MemberPostTopRight {
  padding-right:0
}

.divMemberPostItem {
  padding-right:10px
}

.csn-NewCommentReply input {
  margin-top:10px
}

.csn-MemberPostPanelComment {
  padding-top:10px;
/*padding-left:10px;*/
  padding-right:10px
}

/************* Member Alert (Update)Web Part *****************/
.csn-MemberAlertTopLeft {
  display:block;
  width:-moz-calc(100% - 25px);
  width:-webkit-calc(100% - 25px);
  width:calc(100% - 25px)
}

/************* Member Post (Update)Web Part  *****************/
.divMemberPostItem {
  padding-right:0
}

.csn-MemberPostTopRight {
  padding-right:10px
}

/* notification style*/
.notificationBar {
  visibility:visible
}

.notificationBar table {
  border-collapse:collapse;
  width:100%
}

.notificationBar table,.notificationBar th,.notificationBar td {
  border:3px silver solid
}

.notificationBar td {
  padding:8px
}

td.notifciationImgCell {
  height:50px;
  width:50px;
  padding:0
}

td.notifciationImgCell img {
  width:100%;
  height:100%;
  padding:0;
  margin-bottom:-3px
}

td.notificationHeader {
  text-align:center
}

td.viewnotification a {
  color:gray!important
}

ul.loginMenu div.notificationBar {
  width:360px;
  position:absolute;
  visibility:hidden;
  top:100%;
  left:30px;
  padding:0;
  background-color:#444
}

ul.loginMenu td.newnoticaiton:hover,ul.loginMenu td.viewnotification:hover {
  background-color:#047ac0
}

/************* Member Post/Alerts/Offers/Needs (Update) *****************/
div.csn-MemberPostBody a,div [id$="divLinkUrl"] a {
  color:#87c2ed
}

div [id$="divLinkUrl"] {
  padding-top:0;
  padding-bottom:12px
}

div.csn-MemberPostBottom {
  padding-top:0;
  padding-bottom:2px
}

span.commentCreatedBy {
  color:#acacad
}

span.commentBody {
  font-size:13px
}

/************* Member Post link wrapping *****************/
div[id$="divLinkUrl"],div.csn-MemberPostBody a {
/*word-break:break-word;*/
  word-break:keep-all
}

div.csn-MemberPostBody a {
  display:inline-block
}

.csn-MemberPostBody table {
  width:100%!important
}

/************ Image in Member Post/Need/Offer/Alert********************/
.csn-MemberPostBody img,.csn-MemberNeedBody img,.csn-MemberNeedOfferBody img {
  max-width:250px!important;
  padding:0!important;
  margin:0!important
}

/*** Breaking News Image Rotator Web Part ***/
ul.bxsliderBreakingNews li a img {
  width:200px
}

ul.bxsliderBreakingNews {
  padding:0;
  margin:0;
  z-index:0
}

div.bx-wrapper {
  margin-left:5px
}

/*** SharePoint popup dialog Web Part ***/
.ms-dlgTitle {
  background-color:#535355
}

.ms-dlgTitle h1 {
  color:#fff
}

.ms-dlgFrame {
  background-color:silver!important
}

/*** Overwrite theme css style ***/
.ms-rteThemeForeColor-1-0 {
  color:#fff
}

.ms-rtestate-field h1,h1.ms-rteElement-H1,.ms-rtestate-field h2,h2.ms-rteElement-H2 {
  color:#0072C6
}

#scriptWPQ2 a,.ms-vb-user,.ms-vb-tall,.ms-pb,.ms-pb-selected {
  color:#000
}

/*** Bamboo weather ***/
div[id*='pnlWeatherClock'] {
  background-color:#3c3c3e
}

.lv4tbl {
  border:none!important
}

.lv5tbl {
  width:160px!important
}

table.lv6tbl {
  margin-top:10px!important
}

.lv6tbl1span {
  font-size:30px!important
}

.lv2tbl {
  width:100%
}

/*** DocTreeView web part ***/
.treeview,.treeview ul {
  padding-left:10px!important;
  padding-right:10px!important
}

.treeview ul {
  background-color:transparent!important
}

ul.treeview {
  background-color:#231f20;
  word-break:keep-all!important
}

.treeview .hitarea,.treeview li.lastCollapsable,.treeview li.lastExpandable {
  background-image:url(../Treeview/images/treeview-csn.gif)!important
}

.csn-folder {
  color:#61a0d6!important
}

.csn-file a {
  color:#fff!important
}

.csn-docLibDate {
  font-size:11px;
  color:#1FBC43;
  padding-left:20px
}

.csn-file,.csn-folder,a.csn-add-doc {
  margin-left:5px
}

a.csn-add-doc {
  font-weight:700
}

.csn-viewall-div {
  background-color:#231f20;
  overflow:hidden;
  padding-bottom:10px
}

.csn-viewall-div a {
  float:right;
  margin-right:15px;
  font-style:italic
}

.csn-file,.csn-docLibDate,.csn-folder {
  display:inline-block
}

/*** fix auto rotate of image slider ***/
.bx-pager {
  width:/*400px*/
100%!important;
  text-align:center!important
}

.bx-controls-auto {
  display:none
}

/*** Situation report ***/
span.CSN-WPTitle-SitReport {
  color:#FF3613
}

img.plusImg {
  padding-right:5px;
  padding-bottom:2px
}

a.csn-add-doc {
  padding-left:10px;
  border-left:1px #58585B solid;
  color:#acacad
}

/*** poll ***/
.parentLv3Table {
  background-color:#e4e4e4
}

.parentLv3Table,.parentLv3Table .ms-surveyTotal,.parentLv3Table .ms-vb {
  color:#000!important
}

.parentLv3Table,.parentLv2Table,.parentLv1Table {
  width:100%!important
}

/*** Active Event Web Part ***/
.CSN-ActiveEvent-Title {
  background-color:#231f20;
  background-image:url("/Style Library/CSN/images/WebPartTitleBg1.png");
  background-position:left center;
  background-repeat:repeat-x;
  font-size:1.46em;
  font-weight:700;
  color:#fff;
  padding-left:5px;
  padding-bottom:5px;
  padding-top:5px
}

div.CSN-ActiveEvent-Dd-Container ul.active_event_main_menu {
  position:relative;
  list-style:none;
  z-index:1;
  display:inline-block;
  padding-left:5px;
  width:100%;
  background-color:#fff;
  cursor:pointer;
  margin-top:10px;
  margin-bottom:0;
  margin-left:5px
}

div.CSN-ActiveEvent-Dd-Container {
  padding-right:15px
}

ul.active_event_main_menu img {
  width:15px;
  float:right
}

div.CSN-ActiveEvent-Dd-Container ul.active_event_sub_menu {
  position:absolute;
  list-style:none;
  padding-left:0;
  background-color:#fff;
  width:100%;
  padding-bottom:10px
}

div.CSN-ActiveEvent-Dd-Container ul.active_event_sub_menu a {
  display:block;
  color:#ff3613;
  padding-left:5px;
  text-decoration:none
}

div.CSN-ActiveEvent-Dd-Container ul.active_event_sub_menu li:hover {
  background-color:#535355
}

#active_event_selected {
  color:#ff3613;
  display:inline-block;
  padding-bottom:2px
}

.selected_event {
  background-color:#535355
}

div.CSN-ActiveEvent-Container {
  padding-bottom:5px
}

.sub_menu {
  z-index:200
}

.sub_menu .sub_menu {
  left:300px;
  top:-1px
}

/************* Collaboration Board *****************/
.openIcon,.closeIcon {
  background-image:url("/Style Library/CSN/images/defSprites1.png");
  height:39px;
  width:25px;
  text-indent:-999px
}

.closeIcon {
  background-position:27px -841px
}

.openIcon {
  background-position:0 -841px
}

#CSN-sidebar {
  margin-left:-205px;
  background-color:#047ac0;
  width:200px;
  position:fixed;
  left:0;
  border:1px solid #000;
  height:100%;
  color:#fff;
  padding-left:10px;
  z-index:110
}

#CSN-sidebar h2 {
  color:#fff
}

/************* MemberNeed Web Part *****************/
#filterDateDiv,#filterTextDiv,#filterPeopleDiv,.divMemberNeedItem .csn-MemberNeedShowLess,.filterSelectionDiv,.filterBoxDiv {
  display:none
}

.divMemberNeedItem .csn-MemberNeedTopLeft,.divMemberNeedItem .csn-MemberNeedTopRight img,.divMemberNeedItem .csn-Like,.divMemberNeedItem .csn-Comment,.divMemberNeedItem .divMemberNeedStopSign {
  float:left
}

.divMemberNeedItem .csn-MemberNeedTopRight,.divMemberNeedItem .csn-MemberNeedBottonRightContainer,.divMemberNeedItem .csn-Reply,span.commentEdit {
  float:right
}

.divMemberNeedItem .csn-MemberNeedAddComment,.divMemberNeedItem .csn-Comment,.divMemberNeedItem .csn-Reply a,.divMemberNeedItem .csn-Like,.divMemberNeedItem .csn-Reply,.divMemberNeedItem .csn-MemberNeedCreatedBy,span.commentEdit a {
  color:#acacad
}

.divMemberNeedItem .csn-MemberNeedBody,.divMemberNeedItem .csn-NewCommentTextBox textarea {
  color:#fff
}

.csn-MemberNeedBody {
  padding-top:10px
}

.divMemberNeedItem,.divMemberNeedItem .csn-MemberNeedTopRight,.divMemberNeedItem ul li {
  padding-top:5px
}

.divMemberNeedItem .csn-NewCommentReply input,.divMemberNeedItem .csn-CommentList,#filterSearchBtnDiv input {
  margin-top:10px
}

.divMemberNeedItem .csn-Reply,.divMemberNeedItem .csn-NewCommentTextBox textarea,.filterSelectionDiv ul li:last-child {
  padding-right:0
}

.divMemberNeedItem .csn-MemberNeedAddComment,.divMemberNeedItem .csn-CommentList,.divMemberNeedItem ul,.filterSpan,#filterPeopleDiv {
  padding-right:10px
}

#filterTextDiv,.divMemberNeedItem .csn-Comment,.divMemberNeedItem .csn-Like,.filterSelectionDiv ul li,.filterBoxDiv {
  padding-right:15px
}

.csn-MemberNeedCommentsContainer,.divMemberNeedItem .csn-MemberNeedStatus,.divMemberNeedItem .csn-MemberNeedTopRight {
  padding-right:20px
}

.divMemberNeedItem .csn-NewCommentTextBox textarea,.divMemberNeedItem ul,.filterSelectionDiv ul {
  padding-left:0
}

.divMemberNeedItem .csn-Like,.divMemberNeedItem .csn-Reply,.divMemberNeedItem .divMemberNeedContent,.filterSelectionDiv ul li,.filterBoxDiv {
  padding-left:15px
}

.divMemberNeedItem {
  border-bottom:1px #484849 solid;
  padding-bottom:4px
}

.divMemberNeedItem:last-child {
  border-bottom:0
}

.divMemberNeedItem	.csn-MemberNeedStatus {
  text-transform:uppercase
}

.divMemberNeedItem .csn-MemberNeedAddComment {
  font-style:italic
}

.divMemberNeedItem .csn-MemberNeedTopLeft {
  width:-moz-calc(100% - 70px);
  width:-webkit-calc(100% - 70px);
  width:calc(100% - 70px)
}

.divMemberNeedItem .csn-MemberNeedTopRight .csn-MemberNeedSeparator {
  padding-left:5px
}

.divMemberNeedItem .csn-MemberNeedTitle {
  color:#61a0d6;
  margin-top:5px;
  font-size:14px
}

.divMemberNeedItem .csn-Comment {
  font-size:13px
}

.divMemberNeedItem .csn-MemberNeedBottom input {
  cursor:pointer
}

.divMemberNeedItem .csn-NewComment {
  background-color:transparent;
  margin-top:12px;
  margin-bottom:6px;
  margin-left:20px;
  margin-right:20px
}

.divMemberNeedItem .csn-NewCommentTextBox textarea {
  background-color:transparent;
  width:100%
}

.divMemberNeedItem .csn-NewCommentReply {
  text-align:right
}

.divMemberNeedItem .csn-NewCommentReply input {
  margin-left:0;
  margin-right:0
}

.divMemberNeedItem .csn-CommentList {
  background-color:#535355;
  padding-left:10px
}

.divMemberNeedItem ul {
  list-style:none;
  margin-bottom:28px;
  margin-top:0;
  padding-top:0;
  padding-bottom:10px;
  color:#e6e6e6
}

.divMemberNeedItem ul li {
  min-width:70px;
  border-bottom:1px #fff solid;
  padding-bottom:5px
}

.divMemberNeedItem ul li.csn-MemberNeedShowMore {
  border-bottom:none
}

.divMemberNeedItem ul li:last-child {
  border-bottom:0
}

.divMemberNeedItem .csn-MemberNeedDate {
  font-size:11px;
  color:#1fbc43
}

.divMemberNeedItem .csn-MemberNeedCreatedBy {
  font-size:11px
}

.divMemberNeedItem .divMemberNeedStopSign img {
  width:20px;
  padding-top:10px
}

.divMemberNeedItem .divMemberNeedContent {
  overflow:hidden
}

.divMemberNeedItem .csn-MemberNeedShowMore,.divMemberNeedItem .csn-MemberNeedShowLess {
  cursor:pointer
}

.csn-MemberNeedShowMore img,.csn-MemberNeedShowLess img {
  width:10px;
  margin-left:5px
}

.csn-MemberNeedShowMore,.csn-MemberNeedShowLess {
  text-align:center
}

.filterSpan {
  font-weight:400;
  padding-left:10px;
  cursor:pointer
}

.filterSelectionDiv ul {
  margin-top:5px;
  margin-bottom:5px
}

.filterSelectionDiv ul li {
  display:inline;
  border-right:1px #fff solid;
  cursor:pointer
}

.filterSelectionDiv ul li:last-child {
  border:none
}

.filterSelected {
  color:#61a0d6
}

.filterBoxDiv {
  width:55%;
  background-color:#8a8b8c;
  padding-top:10px;
  padding-bottom:10px;
  border:5px #535355 solid
}

.filterBoxDiv select,#filterTextDiv input[type='text'] {
  width:100%;
  background-color:#8a8b8c;
  color:#000
}

.filterBoxDiv select option {
  background-color:#8a8b8c;
  color:#000
}

.filterPanelActive {
  background-color:#272526
}

#filterSearchBtnDiv {
  text-align:right
}

#filterSearchBtnDiv input {
  margin-left:0
}

span.commentEdit
span.commentEdit a {
  font-style:italic
}

.csn-MemberNeedActiveEvent {
  padding-top:3px
}

.csn-MemberNeedActiveEvent span {
  border:1px solid #ff0;
  padding-left:3px;
  padding-right:3px
}

.divEmptySearch {
  padding-top:20px
}

.divEmptySearch a {
  color:#87c2ed
}

/************* Member Need and Offer Web Part *****************/
.csn-MemberIsNeedOrOfferText,.csn-MemberNeedOfferTitle,.csn-MemberNeedOfferDate,.csn-MemberNeedOfferAuthor {
  font-size:14px
}

.divMemberNeedStopSign,.divMemberNeedItem .csn-Status,.divMemberNeedItem .csn-MemberNeedTopLeft,.csn-MemberNeedCommentsContainer .csn-MemberNeedActiveEvent {
  float:left
}

.csn-MemberIsNeedOrOffer {
  display:inline-block
}

.divMemberNeedStopSign img {
  width:20px
}

.csn-MemberIsNeedOrOfferText {
  text-transform:uppercase;
  padding-left:5px;
  display:inline-block
}

.divMemberNeedOfferItem {
  padding-top:10px;
  border-bottom:1px #484849 solid;
  padding-bottom:5px
}

.csn-MemberNeedOfferTitle {
  color:#61a0d6
}

.csn-MemberNeedOfferDate {
  color:#1fbc43
}

.csn-MemberNeedOfferAuthor {
  color:#acacad
}

.divMemberNeedOfferItem:last-child {
  border-bottom:0
}

.divMemberNeedItem .csn-MemberNeedStatus {
  padding-right:0
}

.divMemberNeedItem .csn-Status .csn-MemberNeedSeparator {
  padding-right:5px
}

.divMemberNeedItem .csn-MemberNeedTopLeft {
  width:-moz-calc(100% - 150px);
  width:-webkit-calc(100% - 150px);
  width:calc(100% - 150px)
}

.csn-MemberNeedCommentsContainer .csn-MemberNeedActiveEvent {
  padding-right:10px;
  padding-bottom:10px
}

.csn-MemberNeedCommentsContainer .csn-Comment {
  padding-top:3px
}

.csn-WebPartScroll,.trafficElements {
/* IE Styling for scrollbar */
  scrollbar-face-color:#acacad;
  scrollbar-highlight-color:blue;
  scrollbar-3dlight-color:green;
  scrollbar-shadow-color:#231f20;
  scrollbar-darkshadow-color:grey;
  scrollbar-track-color:#231f20;
  scrollbar-arrow-color:#FFF
}

.csn-WebPartNeedFixedHeightDiv,.csn-WebPartAlertFixedHeightDiv,.csn-WebPartNeedOfferFixedHeightDiv,.csn-WebPartPostFixedHeightDiv,.csn-WebPartRSSFixedHeightDiv {
  overflow-y:auto;
  overflow-x:hidden
}

.csn-WebPartAlertFixedHeightDiv,.csn-WebPartNeedOfferFixedHeightDiv,.csn-WebPartPostFixedHeightDiv {
  height:700px
}

.csn-WebPartNeedFixedHeightDiv {
  height:1000px
}

.csn-WebPartRSSFixedHeightDiv {
  height:500px
}

/* attempt to hide email in people picker */
.sp-peoplepicker-topLevel > div > ul > li > a > div:first-child {
  display:none
}

#cometchat_base {
  margin-left:1px
}

input[type=password],input[type=text],input[type=file],select,textarea,.sp-peoplepicker-topLevel,.sp-peoplepicker-topLevelDisabled,.sp-peoplepicker-autoFillContainer,.ms-inputBox {
  background-color:rgba(0,0,0,0);
  color:#fff
}

.cometchat_chatboxmessagefrom,span.cometchat_chatboxmessagecontent {
  color:#6de063!important
}

.cometchat_ts {
  color:#E4FF90!important
}

span.cometchat_chatboxmessagefrom.cometchat_self,span.cometchat_chatboxmessagecontent.cometchat_self,textarea.cometchat_textarea,div.cometchat_tabcontent a {
  color:#6cf!important
}

/***************  EXTERNAL LINKS  ***************/
.QL input,.QL .button {
  background-color:transparent;
  border:1px solid #fff;
  display:inline-block
}

.QL .button {
  cursor:pointer
}

.QL span {
  padding:5px 0
}

.QL a {
  cursor:pointer
}

#overlay {
  display:none;
  -webkit-transition:all .2s;
  -moz-transition:all .2s;
  -ms-transition:all .2s;
  -o-transition:all .2s;
  transition:all .2s;
  display:inline-block;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  background-color:rgba(0,0,0,0.5)
}

#overlay.overlay-active {
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity:.8
}

.lightbox {
  color:#FFF;
  background-color:#222;
  border-radius:6px;
  box-shadow:0 0 16px rgba(0,0,0,.4);
  position:fixed;
  top:-600px;
  left:50%;
  margin-top:10%;
  margin-left:-250px;
  z-index:2;
  padding:35px
}

.lightbox-active {
  display:inline-block!important;
  top:20%
}

#newWindowCheckbox {
  margin-left:25px
}

.exitOverlay {
  float:right;
  clear:both;
  margin-top:-25px;
  margin-right:-20px;
  font-size:16px;
  font-weight:700;
  display:inline-block;
  cursor:pointer
}

.saveBtn,.cancelBtn {
  padding:3px;
  ,margin:10 3px;
  background:#222;
  color:#FFF;
  border-radius:3px;
  transition:.2s all linear
}

#linkTitle {
  margin:20px 0 10px;
  padding:3px;
  width:300px
}

#linkBody {
  margin:0 0 20px;
  padding:3px;
  width:300px
}

.saveBtn:hover,.cancelBtn:hover {
  color:#222;
  background:#FFF;
  transition:.2s all linear
}

.linkX {
  color:#fff!important;
  float:right;
  margin-right:5px;
  margin-top:-5px;
  text-decoration:none!important;
  font-size:12px
}

.csn-ExternalLinks {
  -webkit-transition:.5s all ease;
  transition:.5s all ease
}

.csn-ExternalLinks:hover {
  -webkit-transition:.5s all ease;
  transition:.5s all ease;
  background-color:#047ac0;
  color:#FFF
}

.csn-ExternalLinks:hover a {
  -webkit-transition:.5s all ease;
  transition:.5s all ease;
  color:#fff
}

.csn-ExternalLinks:after {
  content:'';
  display:block;
  clear:both
}

/************* Media Queries *****************/
#scrollToggle {
  position:fixed;
  bottom:28px;
  left:10px;
  padding:3px 5px;
  color:#fff;
  background-color:#047ac0;
  cursor:pointer;
  display:none;
  border:solid 1px #002aa0;
  border-left:solid 4px #002aa0;
  border-bottom:solid 4px #002aa0
}

@media (max-width: 600px) {
#scrollToggle {
  display:inline-block
}
}

/************* Poll Web Part *****************/
.poll-panel > dl.graph {
  margin-top:10px;
  padding-left:10px
}

#PanelResult > dl.graph {
  padding-left:10px
}

.poll-panel {
  border:2px solid #2484c6;
  padding:15px;
  margin:10px
}

.poll-question {
  margin-top:5px;
  margin-left:10px
}

.poll-panel #RadioListOptions {
  margin-left: 2px;
  padding-bottom: 5px;
}

.poll-panel .bar-container {
  padding-bottom:5px
}

.poll-panel .bar-container div.colored-bar {
  background-color:#2484c6;
  height:15px;
  color:#fff;
  font-weight:700
}

.poll-panel .bar-container div.percentage-container {
  display:inline-block;
  padding-left:10px
}

.poll-panel {
  padding-left:5px;
  padding-top:5px
}

.poll-results-link {
  font-weight:400;
  font-size:12px
}

.poll-previous-results {
  width:285px;
  height:225px;
  padding-right:10px;
  padding-bottom:10px;
  float:left;
  margin:10px 7px 0
}

.poll-total-votes {
  display:none
}

div.UserControlGroup input[type=text] {
  color:#444
}

/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/
/**************PDC MAP extra Sprint 1******************/
#mapExtentUL {
  list-style-type:none;
  margin:0;
  padding:0;
  position:absolute;
  right:0
}

#mapExtentUL li {
  display:inline
}

#mapExtentUL img {
  width:55px;
  cursor:pointer
}

/**************Custom login Sprint 2 ******************/
.customLoginRedirectPanel {
  margin:auto;
  width:490px;
  text-align:right;
  background:#000;
  border:solid #191919 2px
}

.customLoginRedirectPanel input[type="image"] {
  width:68px
}

.customLoginRedirectPanel .loginTitle {
  padding-left:20px;
  padding-right:20px
}

.customLoginRedirectPanel a {
  color:#87c2ed;
  font-size:13px
}

.authenticatedPanel {
  text-align:center
}

.ms-webpart-chrome-title{
	height:35px;
}

.ms-webpart-titleText{
	font-size:1.2em;
}

.ms-rte-embedcode audio {
  width: 100%;
}