/* CSS Document */
/*
	Bootstrap 3 Template
	Author:				Angelo Rocha
	Author URL:			www.angelorocha.com.br
	Licence:			GPL v3
    
    Contacts
    Twitter:            https://twitter.com/_AngeloRocha
    Google Plus:        https://plus.google.com/+AngeloRocha/posts
    Linkedin:           http://br.linkedin.com/in/angelorocha
    Github:             https://github.com/angelorocha
*/

/**
    * Table of Contents:
    *
    * 1. Home Classes
    * 2. XOOPS Codes
    * 3. XOOPS Blocks
    * 4. XOOPS Modules
        * 4.1. News
        * 4.2. Tag Module
        * 4.3. System
        * 4.4. System Comments
        * 4.5. System Site Closed
        * 4.6. Profile Module
        * 4.7. Contact Module
        * 4.8. PM Module
        * 4.9. eXtgallery Module
        * 4.10. TDMDownloads
        * 4.11. XOOPS Tube
        * 4.12. NewBB Module
    * 5. Useful Classes
**/

/* For Mobile IE */
@-webkit-viewport   {width: device-width;}
@-moz-viewport      {width: device-width;}
@-ms-viewport       {width: device-width;}
@-o-viewport        {width: device-width;}
@viewport           {width: device-width;}

/* 1. Home Classes */
div.global-nav{margin-bottom:0;}
a.navbar-brand.xlogo{padding: 5px 20px 0 5px;}

div.slideshow{}
div.slideshow .carousel-caption{bottom:5%;}
div.slideshow .carousel-indicators{bottom:10px;}
div.slideshow .item{text-align:center;}
div.slideshow .item img{display:inline-block;}


font-family: "Oswald", Helvetica, Arial, sans-serif!important;

.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#eaeae1;text-align:center;text-shadow:0 6px 8px rgba(0,0,0,.6)}
 
.carousel-quarterly-caption{position:absolute;left:5%;right:5%;bottom:20px;z-index:10;font-size:35px;background: radial-gradient(ellipse farthest-corner, rgba(55, 120, 163,20), rgba(95,161,205,0));padding:2px;color:#eaeae1;text-align:center;text-shadow:0 8px 12px rgba(0,0,0,.8)}
 
.carousel-subhead{position:absolute;left:15%;right:15%;top:20px;z-index:10;background: radial-gradient(ellipse farthest-corner, rgba(55, 120, 163,20), rgba(95,161,205,0));text-shadow:0 6px 8px rgba(140,63,2,.6);color:#F6E3CE;}


div.maincontainer{background: linear-gradient(#486879, #7890A8, #486879);  margin-top: 20px;margin-bottom:20px;border-radius:5px;}

div.home-message{ border: 2px solid #bf7f40; background: #ffd8b3;background: linear-gradient(#fff2e5, #ffd8b3);  margin-top:-15px;  border-radius: 0px 0px 15px 15px; position:relative; z-index:5;padding-bottom:20px; margin-bottom: 10px;}

div.surya-blue-bar {background: #7890A8;background: linear-gradient(#486879,#7890A8);padding:20px;border-color:#bf7f40; border-radius: 0px 0px 15px 15px;}

div.surya-bar-inverse-blue {background: #7890A8;background: linear-gradient(#7890A8,#486879);padding:20px;border-color:#bf7f40; border-radius: 0px 0px 15px 15px;}

div.surya-bar-border {padding:10px ;border: 3px solid #486879; background: #fff2e5;background: linear-gradient(#fff2e5, #ffd8b3);  padding-top:5px;  border-radius: 0px 0px 15px 15px;}

div.surya-red-header {background: #486879;background: linear-gradient(#7890A8,#486879);padding-bottom:20px;}
div.surya-brown-bar {background: linear-gradient( #D1AD88,#f9f2ec, #D1AD88);border-color:#bf7f40}
div.surya-brown-header {background: linear-gradient( #f9f2ec, #D1AD88);border-color:#bf7f40}

div.header-brown-background{text-align:center; padding:5px; background: linear-gradient(#D1AD88, #edd7c5 )}

div.surya-full-width-content-box{ border-radius: 0px 15px 15px 0px; border: 2px solid #bf7f40; ; position:relative; z-index:5;padding:10px;margin-bottom:10px;}

div.surya-content-box{border: 2px solid #bf7f40;  background: linear-gradient(#fff2e5, #ffd8b3);  padding:25px;   border-radius:0px 15px 15px 0px; padding-bottom:10px;margin-bottom:10px;}

div.surya-content-box-top {border: 2px solid #bf7f40; background: linear-gradient(#fff2e5, #ffd8b3);  padding-top:5px;  border-radius: 15px 15px 0px 0px; position:relative; z-index:5;padding-bottom:20px; margin-bottom:10px;}

div.surya-content-box-bottom { padding-top:5px;  position:relative; z-index:5;padding-bottom:10px;}

div.surya-content-box-bottomleft {float:left;  background: linear-gradient(#fff2e5,#ffcb99);  margin-right:-10; border: 2px solid #bf7f40; padding:15px;  border-radius:0px 15px 15px 0px;padding-bottom:10px;}

div.surya-content-box-bottomright {float:right; background: linear-gradient(#fff2e5, #ffcb99); margin-left:-10; border: 2px solid #bf7f40;   padding:15px; border-radius: 15px 0px 0px 15px;padding-bottom:10px;}

div.surya-content-block-bottom {position:relative; z-index:5;padding-bottom:10px;}

div.surya-video-block-bottom {position:relative; z-index:5;padding-bottom:10px;}

div.surya-title-box{background: linear-gradient(#7B2E00, #486879);padding: 3px;text-align:center;}

div.surya-home-content-zone { margin-left: 10px}
.surya-videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.surya-videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

div.surya-block-container {display: inline-block; border: 2px solid #bf7f40; background: linear-gradient(#fff2e5, #ffd8b3);  padding:25px;padding-top:10px;  }

div.surya-centerblock {padding:10px ;border: 3px solid #486879; background: #fff2e5;background: linear-gradient(#fff2e5, #ffd8b3);  padding-top:5px;  border-radius: 0px 0px 15px 15px; position:relative; z-index:5;padding-bottom:20px; margin-bottom:10px;}

div.surya-leftblock {padding:10px ;border: 3px solid #486879; background: #fff2e5; background: linear-gradient(#fff2e5, #ffd8b3);  padding-top:5px; border-radius: 15px 0px 15px 0px; position:relative; z-index:5;padding-bottom:20px; margin-bottom:10px;}

div.surya-rightblock {padding:10px ;border: 3px solid #486879;background: #fff2e5; background: linear-gradient(#fff2e5, #ffd8b3);  padding-top:5px;  border-radius: 0px 15px 0px 15px; position:relative; z-index:5;padding-bottom:20px; margin-bottom:10px;}

div.surya-leftcolumn {padding:30px; padding-top:20px;border: 2px solid #bf7f40; background: #fff2e5;background:linear-gradient(#fff2e5, #ffd8b3);  padding-top:5px;  border-radius: 15px 0px 0px 15px; position:relative; z-index:5;padding-bottom:20px; margin-bottom:10px;}


div.surya-circle-icon {padding:10px; padding-top:20px;  transition: all 0.3s ease-in-out 0s;}
div.surya-circle-icon:hover{cursor: default;
    -ms-transform: scale(1.2,1.2); /* IE 9 */
     -webkit-transform: scale(1.2,1.2); /* Safari */
     transform: scale(1.2,1.2);
  transition: all 0.3s ease-in-out 0s;}

.card-0 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
.card-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
.card-1:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.card-2 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.26);
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
.card-2:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.card-3 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.26);
}
.card-4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.card-5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}

div.surya-cover-icon {transition: all 0.3s ease-in-out 0s;}
div.surya-cover-icon:hover{cursor: default;
    -ms-transform: scale(1.1,1.1); /* IE 9 */
     -webkit-transform: scale(1.1,1.1); /* Safari */
     transform: scale(1.1,1.1);
  transition: all 0.3s ease-in-out 0s;}


<!-- twitter navbar styles -->
.navbar-blue {
  background-color: #486879;
  border-color: #8dbcc9;
}
.navbar-blue .navbar-brand {
  color: #ecf0f1;
}
.navbar-blue .navbar-brand:hover,
.navbar-blue .navbar-brand:focus {
  color: #f9882e;
}
.navbar-blue .navbar-text {
  color: #ecf0f1;
}
.navbar-blue .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-blue .navbar-nav > li > a:hover,
.navbar-blue .navbar-nav > li > a:focus {
  color: #f9882e;
}
.navbar-blue .navbar-nav > .active > a,
.navbar-blue .navbar-nav > .active > a:hover,
.navbar-blue .navbar-nav > .active > a:focus {
  color: #f9882e;
  background-color: #8dbcc9;
}
.navbar-blue .navbar-nav > .open > a,
.navbar-blue .navbar-nav > .open > a:hover,
.navbar-blue .navbar-nav > .open > a:focus {
  color: #f9882e;
  background-color: #8dbcc9;
}
.navbar-blue .navbar-toggle {
  border-color: #8dbcc9;
}
.navbar-blue .navbar-toggle:hover,
.navbar-blue .navbar-toggle:focus {
  background-color: #8dbcc9;
}
.navbar-blue .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-blue .navbar-collapse,
.navbar-blue .navbar-form {
  border-color: #ecf0f1;
}
.navbar-blue .navbar-link {
  color: #ecf0f1;
}
.navbar-blue .navbar-link:hover {
  color: #f9882e;
}

@media (max-width: 767px) {
  .navbar-blue .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-blue .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-blue .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #f9882e;
  }
  .navbar-blue .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-blue .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-blue .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #f9882e;
    background-color: #8dbcc9;
  }
}
<!-- end twitter styles -->



div.bottom-blocks{background: url(images/footer_banner_2016-01-jan.png) 50% 50% no-repeat fixed; background-size:cover; margin-top: 10px; padding: 20px 0 20px 0;}

footer.footer{background: #7890A8; color:#EAEAEA;}
footer.footer > h3{font-size:0.9em; margin:0; line-height:inherit; max-width:960px; margin:0 auto 0 auto; padding:10px 0 10px 0; text-align:center; position:relative;}
footer.footer > h3 > a.credits{position:absolute; top:3px; right:10px;}

.xoops-banner{position: relative; top: 40px;}
.xoops-banner *{max-width: 100%;}

/* 2. XOOPS Codes */
.xoopsQuote{padding:10px 20px; margin:0 0 20px;border-left:5px solid #eeeeee; font-style:italic;}
.xoopsCode {background:url(images/code.png); overflow-x: auto; border: 1px solid #EEE; padding-left: 10px}
.xoopsCode code{background-color: transparent; line-height: 25px; position: relative;}
.xoopsCode code > span{position: relative; z-index: 5;}

/* 3. XOOPS Blocks*/
div.xoops-side-blocks >  aside{;padding:10px; margin-right:20px ;background: linear-gradient(#fff2e5, #ffd8b3);border: 2px solid #bf7f40; border-radius: 0px 15px 15px 0px; margin-bottom:10px;}

div.xoops-side-blocks > aside h1, div.xoops-side-blocks > aside h2, div.xoops-side-blocks > aside h3, div.xoops-side-blocks > aside h4, div.xoops-side-blocks > aside h5, div.xoops-side-blocks > aside h6{font-size:0.9em;}
div.xoops-side-blocks > aside > h4.block-title{line-height:inherit; margin:0; font-size:1.3em;}

div.xoops-blocks{margin-bottom:20px;background: transparent;}
div.xoops-blocks > h4{line-height:inherit; margin:0;}

div.xoops-bottom-blocks{background:#FFF; padding:10px; text-align:justify; margin-bottom:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative; transition:all linear 300ms; -moz-transition:all linear 300ms; -webkit-transition:all linear 300ms; top:0;}
div.xoops-bottom-blocks:hover{top:-10px; box-shadow:0 10px 10px #222;}

/* 4. XOOPS Modules */

/* 4.1. News */
div.news-home{}
div.news-home .text-center form{margin-bottom: 20px;}
div.home-news-loop{margin-bottom:20px;}
div.excerpt-news{max-height:100px; overflow:hidden;}
div.home-thumbnails {height:200px; overflow:hidden; border: 3px solid #EEE;}
div.home-thumbnails img{position:relative; width:100%; height:100%;}

section.news-item{margin-bottom:20px;}

div.news-header{position:relative;}
div.news-header img{position:relative; min-width:100%; max-width:100%;}
div.news-header > h2.news-title{background:url(images/alpha.png); position:absolute; bottom:10%; left:0; padding:10px; margin:0; color:#FFF; font-size:1.8em; z-index:5;}
div.news-header > h2.news-title > a{color:#CF9;}
div.news-header > h2.news-title > a:after{content:": "}
h2.news-no-image{font-size:1.5em; margin:0; line-height:inherit;}
strong.hit-counter{background:#333; color:#FFF; border-radius:5px 5px 0 0; padding:0 10px 0 10px; font-size:0.8em; line-height:20px;}
div.xoops-news-navigation{padding:10px 0 10px 0;}
div.xoops-news-navigation a{background:#222; padding:5px 10px 5px 10px; color:#EEE; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; letter-spacing:0.5px; transition:all linear 300ms; -moz-transition:all linear 300ms; -webkit-transition:all linear 300ms;}
div.xoops-news-navigation a:hover{background:#EEE; box-shadow:0 0 5px #222; color:#333;}
div.xoops-news-icons{padding:10px;}
div.xoops-news-icons a{font-size:1.5em; margin:0 10px 0 10px;}

/* 4.2. Tag module */
div.xoops-tag-bar{}
div.xoops-tag-bar > ul{}
div.xoops-tag-bar > ul > li.tag-title{font-weight:bold; margin:0 10px 0 0;}
div.xoops-tag-bar > ul > li{display:inline-table; line-height:25px; margin-right:10px;}
div.xoops-tag-bar > ul > li > span{}

/* 4.3. System */
div.loginform input[type=submit]{margin-bottom:5px;}

div.usermenu li span{margin-right:10px;}
div.usermenu li a.info span{color:#F00;}
div.usermenu li a.info span.badge{background:#F00; color:#FFF;}

div.xoops-theme-select{text-align:center;}
div.xoops-theme-select form select{border:1px solid #D6D6D6; width:100%;}
div.xoops-theme-select img {max-width: 100%;}

ul.userblock{border-bottom:1px solid #EEE; margin-bottom: 0; padding: 5px 0 5px 0;}
ul.userblock:nth-child(odd){background: #F9F9F9;}
ul.userblock:hover{background: #EEE;}
ul.userblock:last-child{border-bottom: none;}
ul.userblock > li{display: inline-block; position: relative;}
ul.userblock > li.avatar-image{max-width: 20%;}
ul.userblock > li.avatar-image img{max-width: 100%;}
ul.userblock > li.user-name{padding: 0 0 0 10px; width: 49%;}
ul.userblock > li.join-date{padding: 0 5px 0 0; width: 9%;}

ul.userblock > li span.badge{background: #47A447; position: absolute; bottom: 0; right: 0;}

/* 4.4. System Comments */
div.xoops-comment-body{margin-top:20px;}
div.xoops-comment-template{margin-bottom:20px;}
div.xoops-comment-author img{display:inline-block;}
div.xoops-comment-author ul.poster-info{text-align:left;}
div.xoops-comment-author li.poster-rank{margin-bottom:10px;}
div.xoops-comment-author strong.poster-rank{font-size:0.8em ;}
div.xoops-comment-author img.image-avatar{width:100%; border:1px solid #CCC;}
div.xoops-comment-author.col-md-2{padding-right:0}

div.xoops-comment-text > div{display: none;}
div.xoops-comment-text p.message-text{background:#EAEAEA; padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative;}
div.xoops-comment-text p.message-text:after{content:""; display:block; position:absolute; width:20px; height:20px; top:0; left:-10px; background:url(images/comment-arrow.png) 50% 50% no-repeat; background-size:contain;}

div.xoops-comment-form{}
div.xoops-comment-form input[type=text], div.xoops-comment-form textarea{background:#EEE; padding:5px; min-width:100%; border:1px solid #DDD; margin-bottom:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
div.xoops-comment-form input[type=text]:focus, div.xoops-comment-form textarea:focus{background:#FFF;}
div.xoops-comment-form textarea{max-height:150px;}
div.xoops-comment-form input[type=submit]{background:#5BC0DE; border:1px solid #09C; padding:5px; color:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:right;}
div.xoops-comment-form span{font-weight: bold; color:#999;}
div.xoops-comment-form span.caption-marker{color:#F00; padding-left:10px; font-size:1.5em;}

div.modal-dialog.comments-modal{}

div.comments-nav{padding:10px;}

/* 4.5. System Site Closed */
.site-closed-body{background:url(images/background-site-closed.jpg) top center no-repeat fixed;}
div.xoops-site-closed{margin-top:10%;}
div.site-closed-logo{margin-bottom:5%;}
div.xoops-site-closed-container{background:#FFF; padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 0 10px #333, 0 0 10px #333;}
div.xoops-site-closed-container input{margin-bottom:10px;}
div.input-container{position:relative;}
div.input-container input:focus ~ span{left:-50px;}
div.input-container > span{background:#111; color:#000; text-shadow:1px 1px 0 #333; position:absolute; top:-3px; left:-10px; padding:10px; z-index:-1; font-size:1.5em; border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; transition:all linear 300ms; -moz-transition:all linear 300ms; -webkit-transition:all linear 300ms;}

/* 4.6. Profile Module */
ul.profile-values{margin-top:10px;}
ul.profile-values > li{margin-bottom:5px;}
ul.profile-values > li.profile-category-title{font-size:1.2em; font-weight:600; border-bottom:1px dashed #999; margin-bottom:0; color:#09C;}

/* 4.7. Contact Module */
div.contact-module{font-weight:bold;}
div.contact-module input,
div.contact-module textarea{background:#EEE; border:1px solid #EAEAEA; padding:10px; display:block; min-width:100%; max-width:100%; max-height:250px; margin-bottom:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
div.contact-module input[type=text]:focus,
div.contact-module textarea:focus{background:#FFF;}
div.contact-module input[type=submit]{background:#5BC0DE; color:#FFF; font-weight:bold;}

/* 4.8. PM Module */
div.xoops-message-header{min-height:40px;}
div.xoops-message-list div.col-xs-1,
div.xoops-message-list div.col-md-1{max-width:14px; text-align:center;}
div.xoops-message-list div.col-xs-1 .btn,
div.xoops-message-list div.col-md-1 .btn{padding:3px; display:inline-block; font-size:0.9em;}
div.xoops-message-loop{margin-bottom:10px;}
div.current-tab{margin-bottom:20px;}
div.message-current-tab div.alert{padding:10px 30px 10px 10px;}

/* 4.9. eXtgallery Module */
div.xoops-gallery-thumb{height:130px; position:relative; overflow:hidden; margin-bottom:20px;}
div.xoops-gallery-thumb img{position:absolute; width:100%; height:100%;}
a.extgallery-album-name{background:#000; width:100%; padding:5px 0 5px 0; text-align:center; position:absolute; bottom:-100px; color:#FFF; opacity:0.8; transition:all linear 300ms; -moz-transition:all linear 300ms; -webkit-transition:all linear 300ms;}
div.xoops-gallery-thumb:hover a.extgallery-album-name{bottom:0;}
strong.number-photos{background:#000; opacity:0.8; color:#FFF; font-size:0.8em; position:absolute; top:0; right:0; padding: 0 10px 0 10px;}

div.extGalleryAlbum{}
div.extGalleryAlbum > .col-md-12{padding:0;}
h3.gallerytitle{font-size:1.3em;}
div.orderbyicons{font-size: 1.2em; font-weight:bold; color:#999;}
div.orderbyicons ul li{display:inline-block; margin:0 10px 0 10px; line-height:30px;}
div.orderbyicons a{color:#333; font-size:1.2em;}

div.album-thumb{max-height:140px; margin-bottom:20px; overflow:hidden; position:relative;}
ul.adminlinks{background:url(images/alpha.png); color:#EAEAEA; font-size:0.9em; position:absolute; top:0; right:-300px; height:100%; -moz-transition: all linear 300ms; -webkit-transition: all linear 300ms; transition: all linear 300ms;}
div.album-thumb:hover > ul.adminlinks{right:0; text-align:center;}
ul.adminlinks > li{padding:2px 5px 2px 5px; position:relative;}
ul.adminlinks > li > a{color: #FFF;}

div.photoRating{position:absolute; bottom:0; padding:3px; background:#FFF; opacity:0.8; border-radius:0 5px 0 0;}

div.photo-nav-controls{}
div.photo-nav-controls ul{background:url(images/alpha.png); position:relative; right:5px; color:#FFF; font-weight:bold; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; margin:0; overflow:hidden;}
div.photo-nav-controls ul li{display:inline-table;}
div.photo-nav-controls ul li.nav-btn{background:url(images/alpha.png); width:30px; font-size:1.5em;}
div.photo-nav-controls ul li a{color:#000; text-shadow:1px 1px 0 #333;}
div.photo-nav-controls ul li.small{font-size:0.9em; margin:0 5px 0 5px;}
div.gallery-single-photo{}
div.gallery-single-photo img.img-thumbnail{position: relative; width:100%;}

ul.photo-info li{margin-bottom:10px; border-bottom:1px dotted #999;}
ul.photo-info li:last-child{border-bottom:none;}

ul.form-send-e-card li{max-width:100%; overflow:hidden; margin-bottom:10px;}
ul.form-send-e-card input[type=submit]{background:#09C; min-width:20%; color:#FFF;}
ul.form-send-e-card input, ul.form-send-e-card textarea{min-width:50%; max-width:50%; border:1px solid #E6E6E6; padding:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
ul.form-send-e-card input:focus, ul.form-send-e-card textarea:focus{background:#EEE;}

/* 4.10. TDMDownloads */
div.tdmdownloads{}
div.tdm-category-list{margin-bottom:10px;}
div.tdm-category-list img{max-width:100%;}

a.tdm-category-image{margin:10px 0 10px 0; display:block; text-align:center;}

a.tdm-download-btn{font-size:1.5em;}

div.tdm-downloads-info{margin-top:10px; margin-bottom:10px;}
div.tdm-downloads-info ul.list-unstyled{}
div.tdm-downloads-info ul.list-unstyled li{line-height:30px; list-style:square; margin-left:20px; font-size:0.9em;}

div.tdm-minibox{margin-bottom:20px;}

div.tdm-download-logo{max-height:120px; overflow:hidden;}
div.tdm-download-logo img{width:100%;}
div.tdm-short-description{max-height:80px; overflow:hidden; text-align:justify; margin:5px 0 5px 0;}

div.tdm-download-data.row{font-weight:bold; color:#999; font-size:0.8em;}

.tdm-title{font-size:1.3em; line-height:inherit; margin:0 0 5px 0; display:block;}

div.tdm-screenshot-single{}
div.tdm-screenshot-single img{min-width:100%; max-width:100%;}

div.tdm-download-data{padding-bottom:5px; border-bottom:1px dashed #999;}
div.tdm-download-data ul.tdm-download-details{}
div.tdm-download-data ul.tdm-download-details li{margin:5px 10px 5px 10px;}

div.tdm-modify-file{overflow-x:hidden;}
div.tdm-modify-file img{max-width:100%;}

ul.tdm-new-download-block{}
ul.tdm-new-download-block li{line-height: 30px; border-bottom: 1px dashed #EAEAEA;}
ul.tdm-new-download-block li:last-child{border-bottom: none;}

/* 4.11. XOOPS Tube */
.xoopstube{}
.xoopstube .col-md-12{margin-bottom: 10px;}
.xoopstube .xoopstube-header{margin-bottom: 10px;}
.xoopstube .xoopstube-header > a > img{max-width: 100%;}
.xoopstube .xoopstube-header-text{margin-bottom: 10px;}
.xoopstube .xoopstube-description{margin-bottom: 10px;}
.xoopstube .xoopstube-navigation{}
.xoopstube .xoopstube-navigation span{margin-bottom: 10px;}
.xoopstube .xoopstube-navigation a{background: #FAFAFA; border: 1px solid #EEE; font-size: 0.9em; padding: 5px 10px 5px 10px; display: inline-block; margin: 0 0 5px 0; border-radius: 5px;}
.xoopstube .xoopstube-navigation a:hover{background: #EBEBEB; color: #979797;}

.xoopstube-loop{margin-bottom: 20px;}
.xoopstube-loop ul li{margin-bottom: 5px;}

.xoopstube-video-title{font-size: 1.5em; line-height: inherit; margin: 0;}
.xoopstube-video-thumb{padding: 0; position: relative;}
.xoopstube-video-thumb span{position: absolute; left: 5px; bottom: 5px; color: #666;}
.xoopstube-video-thumb img{max-width: 100%;}

.xoopstube .xoopstube-video-info{}
.xoopstube .xoopstube-video-info [class*=col]{margin-bottom: 10px;}

.xoopstube .category-titles{margin-bottom: 10px;}

.xoopstube .xoopstube-data{margin-bottom: 10px;}

.xoopstube ul.xoopstube-list li{margin-bottom: 10px;}

.xoopstube .xoopstube-footer{margin-bottom: 20px;}

.xoopstube-other-video{background: #F9F9F9; border-top: 1px solid #EEE;}

.xoopstube-credits{background: #333; color: #EEE; padding: 10px;}

.xoopstube-blocks{}
.xoopstube-blocks img{max-width: 100%;}
.xoopstube-thumb{position: relative; margin-bottom: 20px;}
.xoopstube-thumb span{background: #000; display: block;}

.xoopstube-video-play{}
.xoopstube-video-play embed{max-width: 100%;}

/* 4.12. NewBB Module */
.newbb{}
.newbb-header{}
.newbb-menu{}
.newbb-header-icons{}
.newbb-header-icons div{margin-bottom: 10px;}
.xoops-newbb-category-list{}
.xoops-newbb-category-list a.pull-right{margin-left: 5px}
.xoops-newbb-list-foruns{border-bottom: 1px solid #EAEAEA; padding-bottom: 5px;}
.xoops-newbb-list-foruns:last-child{border-bottom: none;}

.xoops-newbb-viewtopic{}
.xoops-newbb-viewtopic table{max-width: 100%; border: 1px solid #000;}

.xoops-mewbb-forum-title{}
.xoops-mewbb-forum-title a.btn{color: #FFF;}

/* 5. Useful Classes */
.big-info-icon-link{color:#333; font-size:1.8em; margin:10px 0 10px 0; display:inline-table; cursor:pointer;}
.xoops-default-title{font-size:1.3em; margin:0; line-height:inherit;}
.one-line-title{display:block; max-height:30px; overflow:hidden;}
.generic-pagination{}
.generic-pagination a{background:#FAFAFA; border:1px solid #EEE; padding:5px 10px; border-radius:5px;}
.generic-pagination a:hover{background:#EBEBEB;}
.generic-pagination .xo-pagact{background:#09C; color:#FFF; border:1px solid #EEE; padding:5px; border-radius:5px;}
div.order-by{font-size:1.2em;}
div.order-by a{color:#999; font-size:1.2em;}
.mb10{margin-bottom: 10px;} /* Only Add Margin Bottom of 10px */
.lw30{line-height: 30px;} /* Only Add Line Height 30px */
.nompl{margin: 0; padding: 0; line-height: inherit;}/* No margin, paddind and lineweight -> use in title tags if necessary... */

/* Media Queries */
@media (min-width:320px) and (max-width:768px){
    .xoops-banner{top: 0;}
    .xoops-banner.pull-right{float: none !important;}
}

/* bla, bla, bla */
.aligncenter{text-align:center; margin-left:auto; margin-right:auto;}
.alignleft{text-align:left; float:left;}
.alignright{text-align:right; float:right;}


.modal-dialog {}
.thumbnail {margin-bottom:6px;}

.carousel-control.left,.carousel-control.right{
  background-image:none;
  margin-top:10%;
  width:5%;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}


.modal.and.carousel {
  position: absolute; // Needed because the carousel overrides the position property
}


.nav .open > a
{
    background:#759ad6;
    //put styling
}