/* $Id: panels-styles.css,v 1.1.2.1 2009/12/12 15:31:54 johnalbin Exp $ */

/**
 * @file
 * Panels Styling
 */

/* panel-video */
#panel-video .panels-flexible-row-1-main-row{
  background: #E3E3E3;
  padding-top: 10px;
}
#panel-video .panels-flexible-row-1-3{
  padding-top: 15px;
}
#panel-video .panels-flexible-row-1-3 h2.pane-title {
  display: block;
  margin: 0;
  margin-right: 1px;
  width:110px;
  padding: 5px 0;
  height:20px;
  font-size:1.12em;
  letter-spacing: 2px;
  text-align: center;
  background: url(img/content_tab.jpg) -111px 0 no-repeat;
  font-weight: bold;
  color: #FFFFFF;
}
#panel-video .panels-flexible-row-1-3 .pane-content {
  background: #E3E3E3;
}
#panel-video .panels-flexible-region-first.panels-flexible-region-last {
  width: 100%;
}
#panel-video .panels-flexible-region-first.panels-flexible-region-last .inside {
  padding: 0;
}

/* panel-event */
#panel-event .panels-flexible-region-2-center h2.pane-title {
  display: block;
  margin: 0;
  padding: 5px 0;
  font-size:1.12em;
  letter-spacing: 2px;
  font-weight: bold;
  color: #555;
}
#panel-event .panels-flexible-region-2-region_right h2.pane-title {
  display: block;
  margin: 0;
  padding: 5px 0;
  font-size:1.12em;
  letter-spacing: 2px;
  font-weight: bold;
  color: #555;
}
#panel-event .panels-flexible-region-2-region_right-inside {
  padding: 0;
}

/* panel home global */
#home td {
  vertical-align: top;
}
#home .item-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#home .item-list ul li{
  list-style: none;
}
#home .more-link {
  background: url(img/cen01_more.jpg) no-repeat 100% 100%;
  padding: 3px 22px 3px 0;
}

#home .more-link a,
#home .more-link a 
{
  color: #777;
  font-size: 11px;
  background: url(img/cen01_point.jpg) no-repeat 0 50%;
  padding-left: 10px;
}
#home .center-wrapper .panel-panel .inside{
  width: 345px;
}
#home .panel-separator {
  display: none;
}


/* top 1 */
.pane-views-event-front-block-1 {
  float: left;
}
#home .pane-views-event-front-block-1 h2.pane-title{
  background: url(img/icon_orange.png) no-repeat;
  padding: 3px 3px 2px 32px;
  margin: 0;
}
#home .pane-views-event-front-block-2,
#home .pane-views-event-front-block-3 {
  margin-left: 360px;
} 
#home .pane-views-event-front-block-2 {
  /*padding-top: 50px;*/
  padding-top: 20px;
}
#home .pane-views-event-front-block-2 .views-field-title a {
  color: #8DC63F;
  font-size: 1.22em;
  font-weight: bold;
}
#home .pane-views-event-front-block-2 .views-field-view-node {
  padding-right: 15px;
  background: url(img/cen_arrow.gif) no-repeat 100% 50%;
  font-weight: bold;
  text-align: right;
  margin-right: 30px;
}
#home .pane-views-event-front-block-2 .views-field-view-node a {
  color:#000;
}
#home .pane-views-event-front-block-2 .views-row.clear-block {
  display: inline-block;
}
#home .center-wrapper .panel-col-first {
  clear: left;
}

#home .pane-views-event-front-block-3 li{
  line-height: 1.5em;
  padding: 0px 8px 0px 25px;
  background: url(img/cen01_point.jpg) no-repeat 10px 50%;
}
#home .pane-views-event-front-block-3 li .views-field-title{
  padding: 3px 0;
  border-bottom: 1px dotted #999;
}

#home .pane-views-event-front-block-3 .view-footer {
  margin: 0;
  background: url(img/cen01_more.jpg) no-repeat 100% 100%;
  padding: 3px 22px 3px 0;
  text-align:right;
}
#home .pane-views-event-front-block-3 .view-footer p {
  margin: 0;
}
#home .pane-views-event-front-block-3 .view-footer a {
  color: #777;
  padding: 3px 8px 3px 25px;
  background: url(img/cen01_point.jpg) no-repeat 10px 50%;
}

/* home middle 2*/
#home .pane-views-news-block-1 h2.pane-title, 
#home .pane-views-eball-block-2 h2.pane-title {
  margin: 0;
  background: url(img/icon_green.png) no-repeat 5px 50%;
  padding: 3px 3px 2px 32px;

}
#home .pane-views-news-block-1 .pane-content,
#home .pane-views-eball-block-2 .pane-content {
  background: url(img/cen02_table_green.jpg) no-repeat 50% top;
  padding-top: 25px;
}
#home .pane-views-news-block-1 li,
#home .pane-views-eball-block-2 li 
{
  line-height: 1.5em;
  padding: 3px 8px 3px 25px;
  border: 1px solid #ECECEC;
  border-width: 0 1px;
  background: url(img/cen01_point.jpg) no-repeat 10px 50%;
}

#home .pane-views-news-block-1 li.views-row-even,
#home .pane-views-eball-block-2 li.views-row-even 
{
  background-color: #F1F1F1;
}
#home .pane-views-news-block-1 .more-link,
#home .pane-views-eball-block-2 .more-link
{
  border: 1px solid #ECECEC;
  border-width: 0 1px 1px 1px;
}

/* home middle 1 */
#home #front-tab {
  background: url(img/cen03_bg_top.jpg) no-repeat 0 0;
  margin: 0;
  padding: 10px 0 0 10px;
}
#home #front-tab li{
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#home #front-tab li a{
  margin: 0;
  display: block;
  float:left;
  margin-right: 1px;
  width:110px;
  padding: 5px 0;
  height:20px;
  font-size:1.12em;
  letter-spacing: 2px;
  text-align: center;
  background: url(img/content_tab.jpg) no-repeat;
  font-weight: bold;
  color: #777777;
}
#home #front-tab li.active a {
  background-position: -111px 0;
  color: #FFF;
}
#home #front-tab li.active a:hover {
  background-position: -111px 0;
  color: #CCC;
}
#home .panel-col-middle img {
  border: 1px solid #AAA;
}




#home .panel-col-middle {
  width: 700px;
  background: url(img/cen03_bg_cen.jpg) repeat-y 0 0;
}
#home .panel-col-middle .inside {
  background: url(img/cen03_bg_bottom.jpg) no-repeat 0 100%;
}
#home .panel-col-middle .panel-pane {
  padding: 5px;
}
#home .pane-views-video-block-3 td div{
  width: 120px;
  line-height: 1.3em;
}


/* home bottom 2 */
#home .pane-views-community-user-block-3,
#home .pane-views-community-user-block-4
{
  background: url(img/cen04_bg_cen.jpg) repeat-y;
}


#home .pane-views-community-user-block-3 h2.pane-title,
#home .pane-views-community-user-block-4 h2.pane-title
{
  margin: 0;
  background: url(img/cen04_bg_top.jpg) no-repeat 0 0;
  padding: 8px 3px 8px 40px;
}
#home .pane-views-community-user-block-3 .pane-content,
#home .pane-views-community-user-block-4 .pane-content 
{
  background: url(img/cen04_bg_bottom.jpg) no-repeat 0 100%;

}
#home .pane-views-community-user-block-3 img ,
#home .pane-views-community-user-block-4 img
{
  border: 1px solid #ECECEC;
}


/* community center */
#panel-com {
  margin-top: 3px;
}
#panel-com ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#panel-com li {
  margin: 0;
  padding: 6px 5px 5px 18px;
  background: url(img/cen01_point.jpg) no-repeat 10px 10px;
  list-style-type: none;
  line-height: 1.5em;
}
#panel-com li.views-row-odd {
  background-color: #ECECEC;
}
#panel-com li.views-row-even {
  background-color: #FFF;
}
#panel-com .panels-flexible-region-inside{
  padding: 0 5px;
}
#panel-com .panel-pane {
  background-color: #ECECEC;
  min-height: 257px;
}
#panel-com .more-link {
  padding-right: 15px;
  margin-right: 10px;
  background: url(img/community_more.jpg) no-repeat 100% 50%; 
}
#panel-com .more-link a {
  color: #000;
}
#panel-com .pane-views-community-block-3 {
  width: 220px;
}

.panels-flexible-row-3-6 .pane-title {
  background: url(img/tab_light_green.jpg) no-repeat;
  margin:0;
  padding:4px 0;
  text-align:center;
  color: #555;
}
.panels-flexible-row-3-2 .pane-title {
  background: url(img/tab_gray.jpg) no-repeat;
  margin:0;
  padding:4px 0;
  text-align:center;
  color: #FFF;
}
#panel-com .panels-flexible-region-3-bottomr .panel-pane{
  background: transparent;
}

#panel-com .panels-flexible-row-3-1-middle .panel-pane{
  min-height:0;
}
.panels-flexible-row-3-1-middle .panel-pane{
  margin: 10px 0;
  padding: 10px;
  background: #ECECEC;
}
.panels-flexible-row-3-1-middle .panel-pane .pane-content{
  background: #FFF;
  text-align: center;
  padding: 10px 0;
}
.panels-flexible-row-3-1-middle .pane-content span a img{
  padding: 0 20px; 
  vertical-align: middle;
}

/* panel event */
/* event global */
#panel-event .panels-flexible-column-2-main  {
  background-color: #ECECEC;
}
#panel-event .panels-flexible-row-2-1 {
  display: none;
}
/* event middle */
.pane-views-support-block-1,
.pane-views-support-block-2
 {
  float:left;
}
.pane-views-support-block-1 p,
.pane-views-support-block-2 p
 {
  margin: 0;
}
.pane-views-support-block-3,
.pane-views-support-block-4
 {
  margin-left:440px;
  height: 330px;
}
#panel-event .tab_container .views-field-title{
  background: url("img/center_box_wbg.jpg") no-repeat 50% 50%;
  padding: 6px 0 6px 30px;
  font-size: 1.22em;
  font-weight: bold;
}
/* event bottom */
.pane-ebtweak-subscribtion {
  width: 690px;
} 
.pane-ebtweak-subscribtion h2.pane-title{
  background: url(img/bg_subscribe.png) no-repeat 0 0;
  padding:15px 0 18px 0;
  margin:0;
  text-align: center;
}
.pane-ebtweak-subscribtion .pane-content{
  border: 1px solid #C6C6C6;
  border-width: 0 1px 1px 1px;
  padding: 0 50px 10px 30px;
}
.pane-ebtweak-subscribtion .form-item{
  margin: 0 8px;
  float: left;
}
.pane-ebtweak-subscribtion .form-text {
  width: 150px;
  padding: 1px 3px;
  background-color: #E1E1E1;
  border: 1px solid #D5D5D5;
}
.pane-ebtweak-subscribtion .form-submit {
  background: url(img/button_subscribe.jpg) no-repeat;
  border: 0;
  width: 52px;
  height: 20px;
  text-align: center;
  color: #FD6000;
  margin-left: 8px;
}
.pane-ebtweak-subscribtion label {
  color: #666;
  font-weight: normal;
}
#panel-event .panels-flexible-row-2-3 {
  background: #FFF;
  width:100%;
  padding-top: 10px;
}


/* fix dynamic flexible panel css problem */
#panel-event .panels-flexible-row-2-main-row-right  {
  margin-right:-290px;
}
#panel-event .panels-flexible-region-2-region_right {
  float:left;
  width:290px;
}
#panel-event .panels-flexible-row-2-main-row-inside {
  padding-left:0;
  padding-right:290px;
}
#panel-event .panels-flexible-region  {
  float:left;
  padding:0;
}
#panel-event .panels-flexible-region-2-center  {
  float:left;
  width:99%;
}
#panel-event .panels-flexible-region-inside  {
  padding-left:0.5em;
  padding-right:0.5em;
}