/*
 * file information
 * style type: Connect321 theme : skyline
 * version:    1.01
 * date:       20090506
 * author:     concursive.com
 * notes:      
 *
 */
 
 /*Set and Reset Links */
 
 body {
  background: #dedede;
}

.ccp-container {
  width:1024px  
}

.portlet-menu a,
.button-list-vertical-portletWindowBackground a {
  
}

.portlet-menu a:hover,
.button-list-vertical-portletWindowBackground a:hover {
  color:#000!important
}

.ccp-header {
  border-left:2px solid #aaa;
  border-right:2px solid #aaa;
  height: 185px;
  position: relative;
}

  .ccp-header h1{
    text-indent:-9999px;
  }

  .ccp-search-form {
    color:#000;
  }
  
  .ccp-search-from fieldset {
    line-height: 30px
  }

  #ccp-header-title-link-id {
    display:block;
    width:355px;
    height:80px;
  }
  
  #ccp-header-title-image-id {
    position:absolute;
    top:0;
    left:20px;
    margin:0;
	}

.ccp-body {
  background:#fff;
  border-width:0 2px 2px;
  border-color:#aaa;
  border-style:solid;
}

  .ccp-navigation {
    background:#c8df8e url(../images/background/1pxBand.jpg) repeat-x top left;
    height:36px;
    padding: 0;
    position:relative;
    top:58px;
    *top:70px;
  }
  
  .ccp-navigation ul  {
      *line-height:30px;
    }
  
    .ccp-navigation ul li {
      padding: 3px 0;
      _padding:2px;
      display:block;
      float:left;
    }

    .ccp-navigation ul li a {
      color:#000;
      _padding:3px;
    }

    .ccp-navigation ul li em {
      
    }

    .ccp-navigation ul li a.active,
    .ccp-navigation ul li a:hover {
      background:#fff;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      color:#000;
    }

      .ccp-navigation ul li a.active em {
        color:#000;
      }

.ccp-footer {
	background: none;
	border-bottom: none;
}

.ccp-alert,
.ccp-alert a {
  color:rgb(27, 136, 177);
}

.ccp-alert a:hover {
  color:rgb(26, 70, 134);
}

/* Customize portlets */

.portletWindowBackground,
.button-list-vertical-portletWindowBackground {
  border:#ddd 2px solid;
}

.ccp-user-menu {
  background:transparent none repeat scroll 0 0;
  float:none;
  padding:0 0 0 6px;
  position:absolute;
  top:125px;
}

  .ccp-user-menu li {
    border:none;
    padding:3px 6px;
  }

    .ccp-user-menu li.first {
      font-size:larger;
      padding:3px 3px;
    }

.ccp-site-menu {
  background:transparent url(../images/background/C321Cloud.png);float:right;
  height:37px;
  left:0;
  margin:0;
  position:relative;
  width:250px;
}

  .ccp-site-menu ul {
    margin:5px 2px;
    *float:right;
  }

    .ccp-site-menu li {
      border:none;
      padding: 3px 6px;
    }

.ccp-search-form {
  margin:6px 0;
  position:absolute;
  bottom: 2px;
  *bottom:1px;
  right:5px;
  z-index:1;
  _width:400px;
}

.ccp-search-form #categoryId {
  display:none;
}

#loggedInHeader ul, .ccp-user-navigation ul {
  margin:0 0 0 40px;
  padding:0;
}

/* Center Homepage Image */
.home .articleBody img {
  margin: 0 auto!important;
  display: block;
}

/* Center Flash */

.flashportletWindowBackground {
  padding: 0 5px;
}

.flashportletWindowBackground .portletWrapper {
  text-align: center;
  margin: 0 auto!important;
  display:block;
  /*background:url(../images/background/marketingBackground.jpg) center center no-repeat;*/
  margin:0 5px;
  border-bottom: none;
}

/* fix marketing info */

.marketingInfo h3 {
  margin-top: 0;
}

/* Vertical List */
.vertical-list-portletWindowBackground ul {
  float: left;
  clear: none;
}

/* Color headers */
.portletWrapper > h1, 
.portletWrapper > h2, 
.portletWrapper > h3, 
.portletWrapper > h4, 
.portletWrapper > h5, 
.portletWrapper > h6 {
  color: #0054A5;
}

.button-list-vertical-portletWindowBackground {
  color:#63A002;
}

.basic-list ul, .basic-list ol, .basic-list dl {
  margin: 2px 0;
}

.basic-list .portletWrapper {
  *display: inline-block;
}

/*Make quickaction buttons a fixed size*/
.button-list-vertical-portletWindowBackground ul, .actionsContainer ul, .projectActionsContainer ul {
  width: 200px;
}

/* Change Button Colors */
.button-list-vertical-portletWindowBackground ul li a,
.button-list-vertical-portletWindowBackground ul li a em,
.button-list-vertical-portletWindowBackground ul li a:hover,
.button-list-vertical-portletWindowBackground ul li a:hover em {
  background-image:url(../images/sprite.png);
  height: 27px;
  border: none;
  color: #fff;
  line-height: 27px;
}

.button-list-vertical-portletWindowBackground ul li a {
  background-position:0 0;
}

.button-list-vertical-portletWindowBackground ul li a em {
  background-position:-429px 0;
  *right:-7px;
}

.button-list-vertical-portletWindowBackground ul li a:hover {
  background-position:0 -27px;
}

.button-list-vertical-portletWindowBackground ul li a:hover em {
  background-position:-429px -27px;
}

h2, h3, h4 , h5, h6 {
  *font-size:100%;
}

/* New Class detailed-list-two-column */

.detailed-list-two-column.portletWindowBackground .portletWrapper {
	*display:inline-block;
}

.detailed-list-two-column ul,
.detailed-list-two-column ol {
  padding:0;
  margin:0;
  position: relative;
  vertical-align: top;
  width: auto;
  top: 0;
  list-style:none;
}

.detailed-list-two-column h2 {
  margin-top:2px;
}

.detailed-list-two-column ol li,
.detailed-list-two-column ul li {
  clear: none;
  _display:inline-block; /* IE Fix */
  margin:2px 10px 3px 0;
  position:relative;
  width:45%;
  float:left;
}

.detailed-list-two-column ol li:after,
.detailed-list-two-column ul li:after {
    content: "." !important;
    display: block !important;
    height: 0 !important;
    clear: both !important;
    visibility: hidden !important;
  }

.detailed-list-two-column ol ul,
  .detailed-list-two-column ol ol {
  float: left;
  display: block;
  width: auto;
}

.detailed-list-two-column ol ul li,
.detailed-list-two-column ol ol li {
  clear: none;
  margin:0;
  width:100%;
}

.detailed-list-two-column ol ul li:after,
.detailed-list-two-column ol ol li:after {
  clear: none;
}

.detailed-list-two-column li address {
  position: relative;
  display:block;
  vertical-align: top;
  clear: none;
  margin: 0;
  padding: 0;
  top: 0;
  width: 100%;
}

.detailed-list-two-column .external,
.detailed-list-two-column .denied {
  padding: 0; /* Clear wiki styles */
  background:none;
}

.detailed-list-two-column .leftColumn {
  position: relative;
  display: block;
  margin-right: 95px;
  width: auto
}

.detailed-list-two-column .portlet-section-alternate,
  .detailed-list-two-column li img {
  float: left;
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 5px 2px 0;
  _display: inline-block; /* IE Fix */
  background:#f0f0f0;
  padding: 2px;
  border: 1px solid #bbb;
  overflow:hidden;
}

  .detailed-list-two-column .portlet-section-alternate .default-photo,
  .detailed-list-two-column li img.default-photo {
    background:#999;
    border:2px solid #fff;
    outline:1px solid #bbb;
  }

  /* Clear online status imgage */
  .detailed-list-two-column p img,
  .detailed-list-two-column cite img,
  .detailed-list-two-column h3 img,
  .detailed-list-two-column h4 img,
  .detailed-list-two-column h5 img {
    float:none;
    clear:none;
    display:inline;
    width:auto;
    height:auto;
    margin:0;
    background:none;
    vertical-align:text-top;
    border:none;
    padding: 0;
  }


 .detailed-list-two-column ol ul li img,
 .detailed-list-two-column ol ol li img {
    float: none;
    width: auto;
    height: auto;
    border: none;
    background:none;
    margin: 0;
    padding: 0;
  }

.detailed-list-two-column li h3,
  .detailed-list-two-column li h4,
  .detailed-list-two-column li p {
    vertical-align: top;
    clear: none;
    margin: 0;
    padding: 0;
    top: 0
  }

.detailed-list-two-column .star-rating,
.detailed-list-two-column cite {
      float: right;
      clear: right;
      white-space:nowrap;
}

/* Account Info Fixes */

.accountInfo h1, .accountInfo h2, .accountInfo h3, .accountInfo h4 {
  color:#fff!important
}

/* Button list horizontal fix */
.button-list-horizontal-portletWindowBackground {
background:#DDDDDD none repeat scroll 0 0;
border-color:#999999;
border-style:solid;
border-width:1px 0 0;
display:block;
padding:1px;
position:relative;
top:-2px;
}

.formContainer.portletWindowBackground {
  border:none;
  padding:10px;
}

/* Home page wiki content styles */

.profile-portlet-body.home h2 {
  color:#508f00;
  font-style:normal;
  font-weight:300;
  text-align:center;
  padding: 0!important;
} 

.profile-portlet-body.home p {
  color:#408cba;
  text-align: center;
}

.home .articleBody {
  padding: 0;
}

/* Profile Edits */

.ccp-body .portletWindow {
  position:relative;
}

.profile-header-portletWindowBackground {
  padding:5px 5px 20px 5px;
}

.profile-menu-portletWindowBackground {
  position:absolute;
  top:-27px;
  padding:0;
  margin:0!important;
  -moz-border-radius:0!important;
  -webkit-border-radius:0!important;
  white-space:nowrap;
  border:none;
  left:5px;
  background: none!important;
}

.profile-menu-portletWindowBackground .portlet-menu ul {
  padding:0;
  margin:0;
  display:table;
  border-collapse:collapse;
  white-space:nowrap;
  position:relative;
}

.profile-menu-portletWindowBackground .portlet-menu ul li {
  padding:0;
  margin:0 5px 0 0;
  line-height:100%;
  float: left;
}

.profile-menu-portletWindowBackground .portlet-menu ul li a {
  padding:7px 7px 3px;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-top-right-radius:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-bottom-left-radius:0;
  -webkit-border-bottom-right-radius:0;
  line-height:100%;
  display:block;
  margin: 0 5px 0 0;
}

.profile-menu-portletWindowBackground .portlet-menu ul li a.active,
.profile-menu-portletWindowBackground .portlet-menu ul li a:hover {
  background:#fff;
}

.profile-header .portlet-section-body .vcard address.adr, .projectCenterHeaderContainer address {
  line-height: 100%!important;
}

li.listing {
  margin:0;
  padding:5px 5px 5px 0;
}