body{background:url(../../images/bg.jpg) ; background-color:#2C2C2C;}

.header{margin-bottom:10px; text-align:center;}
.vmis{background:#FFFFFF;box-shadow:0 3px 14px rgba(0,0,0,0.50);padding-top:15px;padding-bottom:15px;}
footer{background-color:#222;border-color:#080808;padding:3px;color: #999;}


#slider{height:346px;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.center{ text-align:center}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]  {width: 100% !important;}

#comments_breadcrumb{color:#FFF;text-decoration:none;}

h1 {font-size:16px;}
.breadcrumb h1{font-size:12px;margin:0;padding:0;font-weight:bold;display:inline}
.breadcrumb div, span{display:inline;}
.breadcrumb .active{text-decoration:none;}
.breadcrumb .controls{float:right;margin-top:2px;}
ul {list-style:none;margin:0;padding:0;}
.gallery li {text-align:center;display:block;float:left;height:139px;margin-bottom:5px;}
.gallery li img {max-height:119px;width:auto;}
.gallery li span {display:block;text-align:center;width:175px;padding-left:2px;padding-right:2px;}
.gallery li a:link, gallery li a{color:#000000;text-decoration:none;font-weight:bold;}
.gallery li a:hover{text-decoration:underline;}
.gallery li a:visited{color:#000000;}
.gallery .url{display:inline;}
.gallery .order{display:inline;cursor:pointer;}
.gallery .col-md-2{padding:0;}
.gallery .ad{padding-top:20px;}
.new_row {clear:left;}
.end_row {clear:left;}
.clear{clear:both;}

.grid_footer{background-color:#db5c33;color:#2C2C2C;padding:4px;height:24px;overflow:hidden;}
.grid_footer .facebook_article_like{float:left;display:block;}
.grid_footer .date{float:right;margin-top:3px;}

.front_page_albums{text-align:left;}
.front_page_albums li{margin:0;margin-bottom:10px;padding-top:5px;padding-bottom:5px;}
.front_page_albums li:hover{background-color:#D6D6D6;border-radius:0px 5px 5px 0px;-moz-border-radius:0px 5px 5px 0px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}
.front_page_albums a:link, .front_page_albums a{color:#000;text-decoration:none;}
.front_page_albums a:hover{text-decoration:underline;}
.front_page_albums .title_span{font-size:14px;font-weight:bold;}
.front_page_albums .date{font-size:10px;display:block;}
.front_page_albums .col-md-5{padding:5px;}
.front_page_albums .col-md-7{padding:5px;}

.front_page_videos li{margin:0;margin-bottom:10px;padding-top:5px;padding-bottom:5px;}
.front_page_videos li:hover{background-color:#D6D6D6;border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;}
.front_page_videos a:link, .front_page_albums a{color:#000;text-decoration:none;}
.front_page_videos a:hover{text-decoration:underline;}
.front_page_videos .video_thumb{text-align:center;display:block;}
.front_page_videos .video_title{display:block;text-align:center;font-size:12px;font-weight:bold;}

#live_tab{overflow:hidden;}

.fp_news li{margin:0;margin-bottom:10px;padding-top:5px;padding-bottom:5px;}
.fp_news li:hover{background-color:#D6D6D6;border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;}
.fp_news a:link, .front_page_news a{color: #428bca;text-decoration:none;}
.fp_news a:hover{text-decoration:underline;}

.fp_news .news{}
.fp_news h4{font-size:16px; font-weight:bold;}
.fp_news .date{display:block; font-size:14px}
.fp_news .breif{display:block; font-size:12px; margin-top:5px;}

.forum_list .topic{font-size:12px;}
.forum_list .date{float:right;font-size:10px;font-weight:bold;}
.forum_list li{padding:0;margin:0;}
.forum_list li a{text-decoration:none;color:#333;}
.forum_list li{border-bottom:1px solid #ccc;display:block;padding:7px 10px;}
.forum_list li:hover{background-color:#E2E2E2;}

.video_lists li{padding:0;margin:0;margin-bottom:10px;}
.video_lists h2{background-color:#db5c33;color:#2C2C2C;text-transform:uppercase;padding:5px;font-size:14px;margin:0;}
.video_lists .video_thumb{float:left;}
.video_lists h4{margin:0;padding:0;font-size:13px;color:#438BC5;}
.video_lists .video_desc{float:left;margin:5px;width:300px;color:#555;}
.video_lists img{}
.video_lists a:link, .video_lists a{text-decoration:none;color:#2C2C2C;}
.video_lists a:hover{text-decoration:underline;}
.video_lists .date{background-color:#db5c33;color:#2C2C2C;text-transform:uppercase;padding:5px;}

.forum_icons{background: url(../../images/icons/csg-4ff0986ee49ec.png) no-repeat top left;display:block;float:left;margin-right:5px;}
.sprite-event{ background-position: -1px 0; width: 20px; height: 20px; } 
.sprite-normal{ background-position: -1px -70px; width: 20px; height: 20px; } 
.sprite-photo{ background-position: 0 -140px; width: 20px; height: 20px; } 
.sprite-question{ background-position: 0 -210px; width: 20px; height: 20px; } 
.sprite-reminder{ background-position: 1px -280px; width: 20px; height: 20px; } 
.sprite-video{ background-position: 0 -350px; width: 20px; height: 20px; } 

.video_sections li{padding:0;margin:0;cursor:pointer}
.video_sections li a{text-decoration:none;color:#333;}
.video_sections li{border-bottom:1px solid #ccc;display:block;padding:7px 10px;}
.video_sections li:hover{background-color:#E2E2E2;}

.event_sections li{padding:0;margin:0;cursor:pointer}
.event_sections li a{text-decoration:none;color:#333;}
.event_sections li{border-bottom:1px solid #ccc;display:block;padding:7px 10px;}
.event_sections li:hover{background-color:#E2E2E2;}

.wallpaper_sections li{padding:0;margin:0;cursor:pointer}
.wallpaper_sections li a{text-decoration:none;color:#333;}
.wallpaper_sections li{border-bottom:1px solid #ccc;display:block;padding:7px 10px;}
.wallpaper_sections li:hover{background-color:#E2E2E2;}

.wallpaper_list{}
.wallpaper_list h4{margin:0;padding:0;display:inline;font-size:16px}
.wallpaper_list .title{background-color:#db5c33;color:#2C2C2C;text-transform:uppercase;padding:5px;font-size:16px;display:block;}
.wallpaper_list .name{}
.wallpaper_list .sizes{float:right;}
.wallpaper_list a:link, .wallpaper_list a{color:#2C2C2C;font-weight:bold;font-size:16px}
.wallpaper_list a:hover{text-decoration:none;}

.main_content{margin-top:5px;}
.fancybox-ad{text-align:center;margin-bottom:10px;}

.widget_events a:link, widget_events a{color:#000000;text-decoration:none;}
.widget_events a:visited{color:#000000;}
.widget_events a:hover{text-decoration:underline;}

.grid_title_page a:link, grid_title_page a{color:#FFF;text-decoration:none;}
.grid_title_page a:hover{text-decoration:underline;}

div.jGrowl{z-index:9999;color:#fff;font-size:12px}div.ie6{position:absolute}div.ie6.top-right{right:auto;bottom:auto;left:expression((0 - jGrowl.offsetWidth+(document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body.clientWidth)+(ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft))+'px');top:expression((0+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px')}div.ie6.top-left{left:expression((0+(ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft))+'px');top:expression((0+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px')}div.ie6.bottom-right{left:expression((0 - jGrowl.offsetWidth+(document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body.clientWidth)+(ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft))+'px');top:expression((0 - jGrowl.offsetHeight+(document.documentElement.clientHeight ? document.documentElement.clientHeight:document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px')}div.ie6.bottom-left{left:expression((0+(ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft))+'px');top:expression((0 - jGrowl.offsetHeight+(document.documentElement.clientHeight ? document.documentElement.clientHeight:document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px')}div.ie6.center{left:expression((0+(ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft))+'px');top:expression((0+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px');width:100%}div.jGrowl{position:absolute}body >div.jGrowl{position:fixed}div.jGrowl.top-left{left:0px;top:0px}div.jGrowl.top-right{right:0px;top:0px}div.jGrowl.bottom-left{left:0px;bottom:0px}div.jGrowl.bottom-right{right:0px;bottom:0px}div.jGrowl.center{top:0px;width:50%;left:25%}div.center div.jGrowl-notification,div.center div.jGrowl-closer{margin-left:auto;margin-right:auto}div.jGrowl div.jGrowl-notification,div.jGrowl div.jGrowl-closer{background-color:#000;opacity:.85;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);zoom:1;width:235px;padding:10px;margin-top:5px;margin-bottom:5px;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:1em;text-align:left;display:none;-moz-border-radius:5px;-webkit-border-radius:5px}div.jGrowl div.jGrowl-notification{min-height:40px}div.jGrowl div.jGrowl-notification,div.jGrowl div.jGrowl-closer{margin:10px}div.jGrowl div.jGrowl-notification div.jGrowl-header{font-weight:bold;font-size:.85em}div.jGrowl div.jGrowl-notification div.jGrowl-close{z-index:99;float:right;font-weight:bold;font-size:1em;cursor:pointer}div.jGrowl div.jGrowl-closer{padding-top:4px;padding-bottom:4px;cursor:pointer;font-size:.9em;font-weight:bold;text-align:center}@media print{div.jGrowl{display:none}}
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  top: 0;
  left: 0;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/

}
.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  width: 100%;
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker td.day.disabled {
  color: #eeeeee;
}
.datepicker td.old,
.datepicker td.new {
  color: #999999;
}
.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', 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;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background-color: #003399 \9;
}
.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td span:hover {
  background: #eeeeee;
}
.datepicker td span.active {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', 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;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td span.active:active,
.datepicker td span.active.active {
  background-color: #003399 \9;
}
.datepicker td span.old {
  color: #999999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.form-signin{max-width:330px;padding:15px;margin:0 auto;}
.form-signin .form-signin-heading,
.form-signin .checkbox {margin-bottom:10px;}
.form-signin .checkbox {font-weight:normal;}
.form-signin .form-control{position:relative;font-size:16px;height:auto;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
.form-signin .form-control:focus{z-index:2;}
.form-signin input[type="text"]{margin-bottom:-1px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.form-signin input[type="password"]{margin-bottom:10px;border-top-left-radius:0;border-top-right-radius:0;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
- See more at: http://avexdesigns.com/responsive-youtube-embed/#sthash.hlZNbUM4.dpuf