﻿
/* demo */
*{box-sizing: border-box;}

.jumbotron
{
    background-color:white;
    padding:10px 10px 10px 20px;
    font-family: Calibri;
    font-size:26px;
    line-height:30px;
  
}
.navbar-static-top
{
    font-family:Calibri; 
    font-size:20px;
}
.navbar-inner
{
    padding-top:5px;
    padding-bottom:5px;
}
.navbar .nav > .active > a:focus
{
    padding-top:20px;
    padding-bottom:20px;
}
.siteHeading
{   
    font-family: Calibri;
    font-size:26px;
    line-height:30px;
}

 .table.radioWithProperWrap label
 {    
      
      display: inline;
 }

.navbar_headings
{
    margin-top:23px; 
    font-family:Lato; 
    font-size:16px;

}


.navbar-inner{
  background-image: url('/Images/nav-bar-bg.png');
  background-repeat: repeat;
}

.siteHeadings
{
    color: white;
    text-align: center;
    font-family: Lato;
    font-size: 48px;
}
.siteHeadingsBlack
{
    color:black; 
    text-align:center; 
    font-family:Lato; 
    font-size:48px;
}

.siteHeading2
{
    color:white; 
    text-align:left; 
    font-family:Lato; 
    font-size:24px;
}

.siteText
{
    text-align:center;
    color:white; 
    font-family:Lato;

}

.siteText2
{
    text-align:left;
    color:white; 
    font-family:Lato;

}
.siteHeadingGreen
{
    color:#2aac98; 
    text-align:left; 
    font-family:Lato; 
    font-size:24px;
}





.siteTextBlack
{
    text-align:left;
    color:black; 
    font-family:Lato;
   
}

.buttonDefault
{
    margin-left:30px;

}

.siteHeadingBlack
{
   
    text-align:left; 
    font-family:Lato; 
    font-size:24px;
}

.siteHeadingBlackBig
{
   
    text-align:left; 
    font-family:Lato; 
    font-size:36px;
}

.siteHeadingBlackCentre
{
   
    text-align:center; 
    font-family:Lato; 
    font-size:24px;
}

.siteHeadingWhiteSmall
{
    color:white; 
    text-align:center; 
    font-family:Lato; 
    font-size:24px;
}


          .filledRatingStar {
                    background-image: url('../Images/ratingStarFilled.png');
           }

          .emptyRatingStar {
                   background-image: url('../Images/ratingStarEmpty.png');

           }

          .savedRatingStar {
                      background-image: url('../Images/ratingStarSaved.png');
          }

.rating_star  
    {  
        font-size: large;  
        width: 23px;  
        height: 32px;  
        margin: 0px;  
        padding: 0px;  
        cursor: pointer;  
        display:inline;  
        background-repeat: no-repeat;  
        float:none;
    }

.RegisterButton
{
    background-image: url('../Images/paypal-checkout-button.png');
    background-repeat:no-repeat;
    background-position-x:right;
    text-align:left;
    
}

.boldAbout
{
      color:black; 
    text-align:left; 
    font-family:Lato; 
    font-size:14px;
    font-weight: bold;
}

.boldAboutRight
{
    color:black; 
    text-align:right; 
    font-family:Lato; 
    font-size:14px;
    font-weight: bold;
    padding-right:40px;
}

.boldAboutHeading
{
    color:black; 
    text-align:center; 
    font-family:Lato; 
    font-size:24px;
    font-weight: bold;
    
}

.peopleHeadingAbout
{
    color:#2aac98; 
   text-align:center;
    font-family:Lato; 
    font-size:20px;
    font-weight: bold;
}

.siteTextBlackAbout
{
    color:black; 
    font-family:Lato; 
    font-size:14px;
    padding-left:15px;
    padding-right:15px;
}

.linGrad
{
  background: -webkit-linear-gradient(white, #F2F2F2); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, #F2F2F2); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, #F2F2F2); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, #F2F2F2); /* Standard syntax */
}
.padded5
{
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom:5px;
    border:solid;
    border-width:thin;
    border-color:#E6E6E6;
    border-radius:3px;
}

.paddedRight
{
    color:black; 
    text-align:right; 
    font-family:Lato; 
    font-size:14px;
    padding-right:40px;
     border:solid;
    border-width:thin;
    border-color:#E6E6E6;
    border-radius:3px;
}

.borderAbout
{
  
    padding-top:5px;
    padding-bottom:5px;
    border:solid;
    border-width:thin;
    border-color:#E6E6E6;
    border-radius:3px;
}
.FLASHCARD.LOGIN { display: none;}

@media screen and (max-width: 1024px) and (min-width: 768px){
    input#MainContent_ImageButton2 {width: 100%;}
    form[action="./AddQuestions.aspx"] input {width: initial !important;}
    form[action="./AddQuestions.aspx"] select#MainContent_lstQuestionCats {width: 100% !important;}
    .page-id-386 .container-fluid .span12 .span4:first-child {display: none;}
    .page-id-386 .container-fluid .span12 .span4 {width: 43%;}
    .page-id-386 .container-fluid .span12 .span4 input{width: 100% !important;}
    .page-id-386 .container-fluid .span12 .span4:last-child input{width: 100% !important; background-size: 100% 100%;}
	.flash_column .span2{width:150px;}
	.menu > li > a::after { margin: 0 10px;}
}


@media (max-width: 962px){
    .page-id-386 .container-fluid .span12 .span4:first-child {display: none;}
    .page-id-386 .container-fluid .span12 .span4 input{width: 100% !important;}
    .page-id-386 .container-fluid .span12 .span4:last-child input{width: 100% !important; background-size: 100% 100%;}
    form[action="./AddQuestions.aspx"] input {width: initial !important;}
    form[action="./AddQuestions.aspx"] select#MainContent_lstQuestionCats {width: 100% !important;}
    form[action="./Demo.aspx"] .span4 { width: 100% !important;}
     form[action="./Demo.aspx"] .span4 input#MainContent_btnShowAnswer{font-size: 15px !important;}

    .flash_column .span4 { width: 100%;}
    input#MainContent_ImageButton2 {width: 100%;}
    .row-fluid .span5{height: auto !important;}
	.FLASHCARD.LOGIN { display: block;}
	select#tinynav1 {display: block;}
	#info-row-contact .page-header.siteHeadingBlack h1 { color: #fff;}
	.span12.siteHeadings { font-size: 36px;}
	.row-fluid{background-size: cover;}
	.nicdark_bg_grey .tinynav{padding: 0 11px; width: 100px; float: right; margin: 0px 10px;}
	.row-fluid .span8{width:100%}
}

@media (max-width: 767px){
	.home1 #tinynav1{display:none;}
	.nicdark_container{padding: 0px 15px !important; width: 100% !important;}
	.nicdark_site_boxed, .nicdark_menu_boxed{width: 100% !important;}
}

@media (max-width: 568px){
	[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {padding: 15px 15px !important; margin: 0 !important;}
	input#MainContent_ImageButton1, input#MainContent_Button1 { width: 100% !important;}
	.span12.siteHeadings { font-size: 20px;}
	.nicdark_bg_grey .tinynav{margin: 10px 0; width: 94%; float: left;}
	.span12{padding: 0 15px;}
	.last_menu{width: 100%;}
	.manage_column input {width: 100% !important;}
	.span8.siteTextBlackSmall {padding: 0 !important; margin: 0 !important;}
	input#MainContent_ImageButton2 {width: 100%;}
    #info-row-contact input#MainContent_btnSubmit{width: 100% !important; height: auto !important;}
}