/* 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: #007cba;  margin-top: 20px;margin-bottom:20px;border-radius:5px;}

div.home-message{ border: 2px solid #007cba; background: #007cba;background: #fffefc;  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:#007cba; border-radius: 0px 0px 15px 15px;}

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

div.surya-bar-border {padding:10px ;border: 3px solid #486879; background: #fffefc;background: #fffefc;  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: #fffefc;border-color:#007cba}
div.surya-brown-header {background: #fffefc;border-color:#007cba;}

div.header-brown-background{text-align:center; padding:5px; background: #007cba}

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

div.surya-content-box{border: 2px solid #007cba;  /*background: #fffefc;*/background:#fff;  padding:25px;   border-radius:15px 15px 15px 15px; padding-bottom:10px;margin-bottom:10px;}

div.surya-content-box-top {border: 2px solid #007cba; background: #fffefc;  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: #fffefc;  margin-right:-10; border: 2px solid #007cba; padding:15px;  border-radius:0px 15px 15px 0px;padding-bottom:10px;}

div.surya-content-box-bottomright {float:right; background: #fffefc; margin-left:-10; border: 2px solid #007cba;   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 #007cba; background: #fffefc;  padding:25px;padding-top:10px;  }

div.surya-centerblock {padding:10px ;border: 3px solid #486879; background: #fffefc;background: #fffefc;  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: #fffefc; background: #fffefc;  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: #fffefc; background: #fffefc;  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 #007cba; background: #fffefc;background:linear-gradient(#fffefc, #007cba);  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;}


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;
}


<!-- 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: #fffefc;border: 2px solid #007cba; 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 */




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

.blanks{
	font-size:0;
	clear:both;
	line-height:0;
}
.blanksleft{
	font-size:0;
	clear:left;
	line-height:0;
}

/* new css */
.paymentpage h2{ color:#000; font-size:36px; text-align:center; padding-top:0 !important;margin-top: 0px !important;}
.subcribe{width:50%; margin:0 auto;}
.topbox{ background:#fff; padding:10px 0;}
.topbox h2{ background:#007cba; color:#fff; font-weight:bold; padding:14px 15px !important; font-size:16px; text-align:left;}
.textfieldRequiredMsg{ clear:right; width:100%;display: none;}
.secondbox{width:49%; float:left;}
#recipient_section{ margin-right:20px;}
.secondbox h2{ background:#007cba; color:#fff; font-weight:bold; padding:14px 15px !important; font-size:16px; text-align:left;}
.secondbox input, .secondbox select textarea{ width:84%; border:1px solid #ccc; padding:8px; margin-bottom:10px; border-radius:3px;}
.secondbox label{ width:15%; border:0px solid #ccc;}

#newsec{width:100%;}
#newsec .col-md-6{padding-left: 0px; padding-right: 0px;}
#newsec  label{ width:30%; border:0px solid #ccc;}
#newsec1{width:100%;}
#newsec1 .col-md-6{padding-left: 0px; padding-right: 0px;}
#newsec1  label{ width:30%; border:0px solid #ccc;}
.secondbox #reci_state, .secondbox #reci_zip, .secondbox-right #bill_state, .secondbox-right #bill_zip, .secondbox_disnone #bill_state, .secondbox_disnone #bill_zip { border: 1px solid #ccc; border-radius: 3px; margin-bottom: 10px; padding: 8px; 
width: 65%;}





.lastbox{width:100%; clear:right;}
.lastbox h2{ background:#007cba; color:#fff; font-weight:bold; padding:14px 15px !important; font-size:16px; text-align:left;}
.lastbox input, .lastbox select{ width:69%; border:1px solid #ccc; padding:8px; margin-bottom:10px; border-radius:3px;}
.lastbox label{ width:100%; border:0px solid #ccc;}
.lastbox .securitycode{width:30%;}
.lastbox .month{ width:30%; margin-right:20px;}
.lastbox .year{ width:30%;}

.distext{ font-weight:bold;width:69%; text-align:left; float:left;}
.submit{ background:#00b94d;  padding:10px; color:#fff; font-weight:bold; font-size:22px; text-align:center; border:0px; width:100% !important; margin: 0 auto !important;}
.captcha{width:28%; text-align:center; margin:0 auto;}
.blankdiv{float:left; width:30%;}
.newbox{margin: 10px auto 10px; width: 30%;}
.newbox input{ /*width:2%;*/ border:1px solid #ccc; margin-bottom:10px;}
.newbox label{ padding-left: 5px; font-weight:normal;}
.lastbox input[type="radio"]{ /*width:2%;*/ width:auto; border:1px solid #ccc; margin-bottom:10px;}


  
ul.radio  {
  margin: 0;
  padding: 0;
  margin-left: 20px;
  list-style: none;
}
ul.radio label{padding-left: 5px;}

ul.radio li {
  border: 0px transparent solid;width: 16em; padding:9px 0;
}

ul.radio li:hover,
ul.radio li.focus  {
  border: 0px gray solid;
  width: 16em; padding:9px 0;
} 
.or{width:80%; text-align:center; font-weight:bold;}
.summary{width:50%; margin:0 auto; text-align:center;}
.nomar{margin:0 auto; width: 50%; float: none;}
.sb{width:11%; margin:0 auto; border:0px solid #ccc;}



.secondbox-right{width:49%; float:right;}
.secondbox-right h2{ background:#007cba; color:#fff; font-weight:bold; padding:14px 15px !important; font-size:16px; text-align:left;}
.secondbox-right input, .secondbox-right select, .secondbox-right textarea{ width:84%; border:1px solid #ccc; padding:8px; margin-bottom:10px; border-radius:3px;}
.secondbox-right label{ width:15%; border:0px solid #ccc;}

.secondbox_disnone{margin:0 auto; width: 50%; float: none;}
.secondbox_disnone h2{ background:#007cba; color:#fff; font-weight:bold; padding:14px 15px !important; font-size:16px; text-align:left;}
.secondbox_disnone input, .secondbox_disnone select, .secondbox_disnone textarea{ width:84%; border:1px solid #ccc; padding:8px; margin-bottom:10px; border-radius:3px;}
.secondbox_disnone label{ width:15%; border:0px solid #ccc;}
.secondbox_disnone #reci_state, .secondbox_disnone #reci_zip, .secondbox_disnone #bill_state, .secondbox_disnone #bill_zip { border: 1px solid #ccc; border-radius: 3px; margin-bottom: 10px; padding: 8px; width: 50%;}






/*@media (max-width: 982px) {
.secondbox label{ width:19%;}
.newbox{margin: 10px auto 10px; width: 35%;}
}*/
@media (max-width: 1100px) {
	
#recipient_section{ margin-right:16px;}
.secondbox input, .secondbox select { width: 68%;}
.secondbox label{ width:20%; border:0px solid #ccc;}
.secondbox-right label{ width:20%; border:0px solid #ccc;}
.secondbox_disnone label{ width:20%; border:0px solid #ccc;}
.secondbox-right input, .secondbox-right select{ width:68%;}
.secondbox_disnone input, .secondbox_disnone select{ width:68%;}
.newbox {width: 35%;}
#newsec label {width: 40%;}
#newsec1 label {width: 40%;}
.secondbox_disnone #reci_state, .secondbox_disnone #reci_zip, .secondbox_disnone #bill_state, .secondbox_disnone #bill_zip {
    width: 35%;
}
.secondbox #reci_state, .secondbox #reci_zip, .secondbox-right #bill_state, .secondbox-right #bill_zip, .secondbox_disnone #bill_state, .secondbox_disnone #bill_zip {
    width: 36%;
}
.lastbox .securitycode {
    width: 30%;
}
.lastbox .month {
    width: 42%;
}	
.lastbox .year {
    width: 42%;
}
.lastbox input, .lastbox select {width: 100%;}
	
}

@media (max-width: 980px) {
  .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;
  }
  .secondbox label, .secondbox-right label, .secondbox_disnone label { width:100%;}
  .secondbox input, .secondbox select, .secondbox-right input, .secondbox-right select { width:100%;}
  .secondbox_disnone input, .secondbox_disnone select, .secondbox_disnone input, .secondbox_disnone select { width:100%;}
  .newbox{margin: 0px; width: 100%;}
  .newbox label { width:92%;font-size: 12px;}
  .lastbox label { width:100%;}
  .lastbox input, .lastbox select{ width:100%;}
  .lastbox .securitycode { width: 30%;}
  .blankdiv {display:none;}
  .distext {width:100%;}
  .captcha {width:100%;}
  .lastbox .submit {width: 100% !important;}
  .resimg{width:auto;}
  .subcribe{width:100%; margin:0 auto;}
  .or{width:50%; text-align:center; font-weight:bold;}
  .secondbox, .secondbox-right, .secondbox_disnone  {
    float: none;
    width: 100%;
}
.secondbox #reci_state, .secondbox #reci_zip, .secondbox #bill_state, .secondbox #bill_zip {width: 100%;}
.secondbox-right #reci_state, .secondbox-right #reci_zip, .secondbox-right #bill_state, .secondbox-right #bill_zip {width: 100%;}
.secondbox_disnone #reci_state, .secondbox_disnone #reci_zip, .secondbox_disnone #bill_state, .secondbox_disnone #bill_zip {width: 100%;}

.nomar{margin:0 auto; width: 100%; float: none;}
.sb{width:100%; margin:0 auto; border:0px solid #ccc;}

}
@media (max-width: 399px) {.resimg{width:90%;}}
.errMsg{color:#FF0000; clear:right; width:100%; display:block; padding:0px 0px 10px 0px; text-align:center;}