﻿
/* tabs */

.nav-tabs > li 
{
    float:left;
}

.nav-tabs
{
width:100%;    
 
}

.nav-tabs
{
    clear:left;
    margin-top:30px;
}

.tab-pane p 
{
    margin:0 !Important;
    padding:0 !Important;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    color: rgb(85, 85, 85);
    cursor: default;
    background-color: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(221, 221, 221) rgb(221, 221, 221) transparent;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    padding-bottom:10px;
}
.nav-tabs > li > a {
    padding-top: 8px;
    line-height: 22px;
    border: 1px solid transparent;
    border-radius: 4px 4px 0px 0px;
    font-weight:bold;
}
.nav-tabs > li > a, .nav-pills > li > a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px;
}


.tab-pane 
{
    display:none;
    clear:both;
  }

.tab-pane.active
{
    display:block !important;
}

.tab-pane 
{
    clear:both !important;
}

.tab-content 
{
    margin-top:60px;
    display:block !Important;
    padding-top:30px !important;
      background-color: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(221, 221, 221);
    padding-bottom:30px;
 
}

.nav-tabs 
{
    border:none !important;
}

ul.nav-tabs li 
{
    list-style-type:none;
}

.main-content iframe[src] 
{
    opacity:1;
}

/* end tabs */

.main-content *  a 
{
    color:#af1827;
}

#footer-outer > a 
{
    color:White !important;
}


div.tipGreen ul.half li {    
margin-top:8px;
    list-style: none outside none;
}


#ctl00_Content_lblText * ul li:before {    
    font-family: 'FontAwesome';
    content: "\f046";
    margin-right:5px;
    color:green;
    
}

.center.heading span
{
    position:relative;
   
    background-color:#F5F5F5;
   padding:20px;
     margin-top:-10px;
 
     font-size:29px !important;
     padding-bottom:5px;
     padding-top:5px;
    z-index:5;
   line-height:43px;
}

i.icon-inline 
{
    padding:0;
    margin:0;
 
    margin-left:auto !important;;
    margin-right:auto !important;
    font-style:normal;
    font-size:38px;
    color:rgb(175, 24, 39);
   display:block;
   z-index:900;
    background-color:transparent !Important;
    margin-bottom:10px;

}


.center.heading:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
    border-top: 1px solid rgb(175, 24, 39);
}

.center.heading 
{
text-align: center;
position: relative;
}

body 
{
    font-size:14px;
}

.half 
{
    margin-top:10px;
      -moz-column-count: 2; 
   -webkit-column-count: 2; 
   column-count: 2;
 
} 


.half li
{
padding-right:10px;
}



.content-title, .content-sub-title   
{
    display:none;
}



.featureselector {
    margin: 10px;
    height: 80px;
    padding: 5px;
}





 
    .featureselectorsub 
    {
        background-color:white;
          border-bottom:solid 1px #999;
       border-left:solid 1px #999;
       border-right:solid 1px #999;
       width:843px;
       padding:40px;
       padding-bottom:10px;
       padding-top:20px;
    }
    
    .featureselectorsub ul 
    {
        margin:0;
        padding:0;
    }
    
     .featureselectorsub ul li 
     {
         list-style-type:none;
         background: url("../images/icons/lists/tipGreen.png") no-repeat scroll 0px 6px transparent;
         margin-right:20px;
         padding-left:15px;
     }
    
    
     .featureselector 
     {
         margin:10px;
          height:80px;
          padding:5px;
     }
    
    #featureEcommerce, #featureBlended, #featureSecurity
    {
        position: absolute;
       z-index:50;
   
        
    }
    
     #featureLMS, #featureUser, #featureUsability
    {
        position: absolute;
       z-index:50;
     
       margin-left:-220px;
        
        
        
    }
    
    
    #featureCMS, #featureAsessment, #featureReporting
    {
          position: absolute;
       z-index:50;

       margin-left:-450px;
        
        
    }
    
    .features 
    {
        font-family: 'Carrois Gothic' !important;
    }
        
    
    #featureCustomizability, #featureScalability, #featureBlog
    {
         position: absolute;
       z-index:50;
  
       margin-left:-584px;
        
        
    }
    
    
    
    .featureselector:hover 
    {
        background-color:white;
        cursor:pointer;
       border-top:solid 1px #999;
       border-left:solid 1px #999;
       border-right:solid 1px #999;
       z-index:999;
       position:relative;
border-bottom:1px solid white;
    }
    
 .fa-lg 
 {
     display:block !important;
     width:70px !important;
     margin-right:20px;
 }

.fa-stack-2x
{
  font-size: 70px;
    color:#af1829;
}

.fa-stack-1x
{
 
  font-size: 40px;
    padding-top:10px;
    text-align:center;
    margin:auto;
}

h4 strong 
{


}

i.icon-2x 
{
    background-color:#AF1827 !important;
    display:inline-block;
}


.featureselector 
{
padding-left:20px;padding-top:20px;
height:80px;
margin-bottom:0;

}



.featureselectorsub ul li 
{
    font-size:10px;
    line-height:12px;
    padding-top:4px;
}

.featureselectorsub ul 
{
      -moz-column-count: 2; 
   -webkit-column-count: 2; 
   column-count: 2;
   margin-top:-2px;
}




.featureselectorsub 
{

 margin-top:0px;
}












/* #########################################*/
/* pricing table */

.pricing-table 
{
    width:25%;
    float:left;
}

/* Featured
====================================*/
.pricing-table.featured ul {
	padding: 10px 0 0 0;
	border: 1px solid #e0e0e0;
	border-top: 0;
	background: #fff;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.pricing-table.featured h3 {
	padding: 11px 0 13px 0;
	margin: -12px 0 0 0;
}

.pricing-table.featured li.sign-up {
	border-top: 1px solid #e0e0e0;
	background: #fafafa;
	padding: 18px 0;
	margin-top: 10px;
}

.featured div {
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}


/* Color Schemes
====================================*/

/* Color 1 */
.pricing-table .color-1 h3, .color-1 .sign-up .medium {background-color: #909090;}
.pricing-table .color-1 h4 {background-color: #808080;}

/* Color 2 */
.pricing-table .color-2 h3, .color-2 .sign-up .medium  {background-color: #565656;}
.pricing-table .color-2 h4 {background-color: #4c4c4c;}

/* Color 3 */
.pricing-table .color-3 h3 { background-color: #c4232d; }
.pricing-table .color-3 h4, .color-3 .sign-up .medium { background-color: #af1829 !Important; }


.pricing-table h3,
.pricing-table h4 {
	text-align: center;
	color: #fff;
	margin: 0;
}

.pricing-table {
	z-index: 1;
	position: relative;
}

.pricing-table h4 {
	padding: 12px 0 10px 0;
}

.price,
.time {
	display: block;
	line-height: 20px;
}

.price {
	font-size: 24px;
	font-weight: normal;
}

.pricing-table {
	float: left;
	margin: 1px 0 0 -1px;
}

.pricing-table h3 {
	font-size: 16px;
	text-align: center;
	color: #fff;
	padding: 6px 0;
	margin: 0;
	font-weight: 200;
}


.pricingcontainer 
{
  width:100%;
    overflow:auto;
    
}
.four-tables 
{
      min-width:800px;
}

.pricing-table ul {
	padding: 10px 0 0 0;
	border: 1px solid #e0e0e0;
	border-top: 0;
	background: #fff;
	-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	margin-top:0px;
	margin-left:0;
	width:100%;
	
}


.pricing-table div.color-2 h3, .pricing-table div.color-3 h3
{
    border-left-width:0 !Important;
}


.pricing-table li {
	color: #888;
	background: #fff;
	text-align: center;
	padding: 4px 0;
}

.pricing-table li:nth-child(odd) {
   
  
}
.pricing-table li:nth-child(even) {
    
}

.pricing-table li:before 
{
    content:"" !important;
}

.pricing-table li {
    color: rgb(136, 136, 136);
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    text-align: center;
    padding: 4px 0px;
    list-style-type:none !Important;
    background-image:none;
    font-size:10px;
}

.pricing-table .color-3 h4, .color-3 .sign-up .medium {
  
}

.price 
{
font:25px 'MuseoSlab500Regular',arial,helvetica,sans-serif !important;
}


a.medium:link, a.medium:visited, a.medium:hover, a.medium:active
{
color:White !important;
}


.sign-up .medium
{
    padding:9px;
    outline: medium none;
font-size: 13px;
cursor: pointer;
width: auto;
transition: all 200ms ease-in-out 0s;
border-radius: 2px 2px 2px 2px;
display:block;
width:100px;
margin:auto;
color:White;
text-decoration:none;

}

.featured div {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.boldli 
{
    font-weight:bold;
}


li.sign-up {
    border-top: 1px solid rgb(224, 224, 224);
    background: none repeat scroll 0% 0% rgb(250, 250, 250);
    padding: 12px 0px;
    margin-top: 10px;
}


/* end pricing table */
/*########################################*/









@media only screen and (max-width : 801px) {
		
.featureselectordiv 
{
    width:300px !important;
}
.center.heading span 
{
    font-size:18px !important;
    line-height:24px;
}


.half, .featureselectorsub ul 
{
     -moz-column-count: 1; 
   -webkit-column-count: 1; 
   column-count: 1;
 
}

div.featureselectorsub 
{
    display:block !important;
    position:static !important;
    top:auto;
    left:auto;
    right:auto;
    width:300px!important;
    margin:0 !important;
    border-top:1px solid #999;
}
div.featureselectordiv 
{
    display:block;
    float:none !important;
    
}

 .featureselector:hover 
    {
        background-color:transparent;
        border-width:0px;
    }

}























/* standard lc template css */
label 
{
    display:inline-block;
    width:20%;
    min-width:250px;
}

th 
{
    padding:5px;
}

.lblError 
{
    color:Red;
    display:block;
}

#ctl00_Content_btnPassword 
{
    margin-top:-30px;
}

#ctl00_Content_txtRequestPassword 
{
    clear:both;
    display:block;
    
}

.button, .ExistingUser input[type="button"] 
{
    display:block;

height: auto !important;

text-decoration: none;

margin: 20px 21px 10px 19px;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-radius: 4px;
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
border-width: 1px;
border-style: solid;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
padding: 4px 12px;
font-size: 14px;
line-height: 20px;
vertical-align: middle;
float:right;

}

.DataGrid, .carttable
{
    width:100%;
}


table 
{
    width:100%;
}

.GridView tr td,.carttable tr td, .payment tr td, .Login tr td, .tableStatic tr td
{
    padding:12px;
    padding-bottom: 5px;
}

.Login  td
{
	width:50%;
	padding:3px;
	padding-left:5px;
	padding-right:13px;
}


span.frmrfv
{
    padding:5px;
    display:inline-block;
    
}

.rfv 
{
    clear:both;
	font-weight:bold;
	color:#ff0000;
	display:block;
	font-size:10px;
	display:block;
    padding-left:20px;
}

#ctl00_Content_pnlFrmDat 
{
    padding-bottom:10px;
}

#ctl00_Content_pnlFrmDat > label
{
   padding:5px;
   margin-top:5px;
   
}

.BillingInfoHeader 
{
    padding:5px;
}

input, select 
{
    padding:5px;
    margin-left:5px;
    display:inline-block;
}

ul.supernavlinks 
{
    margin:0;padding:0;
}

ul.supernavlinks li
{
    float:left;
    list-style-type:none;
    padding-right:10px;
}

.page-header 
{
    margin-bottom:0;
    padding-bottom:0;
}

header 
{
    padding-top:20px;
    padding-bottom:0px;
}

.srt-menu li a ul li a 
{
    height:auto;
}

.Login, .DataGrid, #ctl00_Content_dlCalendar, .carttable, .payment, .GridView, .tableStatic, .tableStatic td, .GridView, .GridView td
{
    border:1px solid #dedede !important;
    border-collapse:collapse;
}

#page-header 
{
   
}


.superheader a:link, .superheader a:visited, .superheader a:hover, .superheader a:active 
{
    text-decoration:none;
    color:White;
    padding-left:2px;
}

.superheader i 
{
    font-size:13px;
    padding-right:3px;
    padding-left:10px;
}

.superheader * 
{
    font-size:12px;
    color:white;
}

#newheader 
{
    text-shadow:0px 1px 7px rgba(0, 0, 0, 0.29);
 margin-bottom:20px;
}



.superheader
{
 position:absolute;
    width:250px;
    float:right;padding:4px;
    border-bottom-left-radius: 5% 30%;
    border-bottom-right-radius: 5% 30%;
    margin-top:-20px;
     color:White;
  right:0;
}

.breadcrumbs 
{
    display:block;
    float:right;
    clear:both;
    padding:10px;
    font-size:11px;
    
}


  input[type="text"], textarea, input[type="password"], select
    {
        width:60% !Important;
        min-width:auto !Important;
        max-width:300px;
    }


@media only screen and (max-width: 620px) 
{
 span.frmrfv
 {
     display:block !important;clear:both !important;
 }   
 
}

@media only screen and (min-width: 621px) 
{
.frm1
{
    display:block;
    
}
}


/* for ipads in vertical mode show the menu */
@media only screen and (max-width: 918px) 
{
    .srt-menu li a 
    {
        padding-top:10px !Important;
    }
    
    #logo 
    {
        margin-top:30px;
        margin-bottom:20px;
    }
 
 .srt-menu li a ul li a,
.srt-menu li a, .srt-menu li:hover ul, .srt-menu li.sfHover ul 
{
    height:auto !important;
}

.toggled-on 
{
    padding-left:8px;
}

 ul.srt-menu li a:link,
 ul.srt-menu li a:visited,
 ul.srt-menu li a:active,
 ul.srt-menu li a:hover,
 
  ul.srt-menu li ul li a:link,
 ul.srt-menu li ul li a:visited,
 ul.srt-menu li ul li a:active,
 ul.srt-menu li ul li a:hover
 
 
{
    padding:0;
    margin:0;
    background-color:White !important;
    color:black !Important;
}

  ul.srt-menu li ul li a:link,
 ul.srt-menu li ul li a:visited,
 ul.srt-menu li ul li a:active,
 ul.srt-menu li ul li a:hover 
 {
     padding-left:26px;
 }



ul.srt-menu 
{
    position:absolute !important;
    width:100%;
    top:40px;
    left:0;
    background-color:White;
}

.menu-toggle 
{
    position:absolute;
    top:0;
    left:0;
    margin-top:0;
}

 
}


/* for iphone size shrink our super header text size */
@media only screen and (max-width: 360px) 
{
    .wrapper 
    {
        width:98%;
    }
    
    body, td, div, span, input, select, th, button, strong
    {
        font-size:10px !Important;
    }
    table 
    {
        table-layout: fixed;
    width: 100%;
    }
    
    table td, table th 
    {
         word-wrap: break-word;         /* All browsers since IE 5.5+ */
    overflow-wrap: break-word; 
    padding:1px !Important;
    }
    
    
    .carttable td:nth-child(3),  .carttable th:nth-child(3){
   display:none;
}
    
    input 
    {
        width:100% !Important;
        min-width:auto !Important;
    }
    
    .button, .ExistingUser input[type="button"] 
    {
        margin: 10px 0px 10px 0;
    }
    
    .rfv 
    {
        padding-left:0px;
    }
    
.superheader a:link, .superheader a:visited, .superheader a:hover, .superheader a:active 
{
    text-decoration:none;
    color:White;
    padding-left:2px;
}

div.superheader 
{
    width:220px;
}

.superheader i 
{
    font-size:10px;
    padding-right:2px;
    padding-left:5px;
}

 div#calendarcontainer
    {
        overflow:auto !Important;
      width:320px !Important;
    }

input.txtquantity 
{
    width:100% !Important;
}

input 
{
margin-left:0;}

}

.expmonthlabel label, .expyearlabel label{
width:100px;
display:inline-block;
}

.gdl-right-sidebar {
min-width:200px;
}

#ctl00_Content_txtPassword 
{
    margin-top:10px;
}

td.ExistingUser #ctl00_Content_Literal11 
{
   width:100% !Important; 
}


.ExistingUser span {
margin-left:100px;
padding-left:0;
}


.expmonthlabel label, .expyearlabel label
{
margin-top:20px;
    width:100px;
min-width:100px;
    min-width:10px !important;
}

#ctl00_Content_ucCartPayment_lstMonth 
{
    margin-right:15px;
}


/* blog */
.sixteen.columns 
{
    width:100%;
}

.blog-date-wrapper {
    width: 60px;
    float: left;
    background-repeat: no-repeat;
    padding: 15px 10px 20px;
    text-align: center;
    line-height: 1;
    margin-right: 10px;
}

div.blog-item-holder .blog-item2 .blog-thumbnail-info *
{
    font-size:11px;
}

.blog-thumbnail-author, .blog-thumbnail-tag, .blog-thumbnail-comment
{
    width:auto;
    display:inline-block;
    font-style:italic;
    padding-right:8px;
    
}

h2.blog-thumbnail-title a:link, 
h2.blog-thumbnail-title a:visited
{
    text-decoration:none;
}

h2.blog-thumbnail-title
{
    text-decoration:none;
    margin-bottom:0px;
    padding-bottom:0;
    line-height:auto;
}

.blog-thumbnail-context {

margin: 0px;
padding: 0px;
border: 0px none;
font: inherit;
vertical-align: baseline;
display:block;
}

.blog-thumbnail-content 
{
  margin-top:15px;
}

a.blog-continue-reading 
{
  padding-left:10px;
    font-style:italic;
}

a.blog-continue-reading {
  

    width:auto;
}

.blog-item-inside 
{
    display:block;
    margin-left:70px;
}

div.blog-item-holder .blog-item2 .blog-date-wrapper .blog-date-value 
{
    font-size:30px;
}


/* end blog */


/* 
#############
Calendar Styles
############# */
    table#calendarcontainer 
    {
        margin:0;
        padding:0;
    }
    
    table#ctl00_Content_dlCalendar, table#ctl00_Content_dlCalendar tr td
    {
       
        border-collapse:collapse !important;
         padding:0 !important;
        margin:0 !important;
        
    }
    /* calendar styles for the day  table */
   table#ctl00_Content_dlCalendar tr td table, table#ctl00_Content_dlCalendar tr td table tr td 
    {
        border-style:none !important;
    }
    
    table#ctl00_Content_dlCalendar 
    {
       padding:0 !important;
        margin:0 !important;
    }
    
    
    table#calendar 
    {
        margin:0 !important;
        padding:0 !important;
        width:100%;
    }
    
#calendar 
{
    background-color:white;
}

.calendar td, .calendarday td
{
    background-color:White;
    padding:0;
    height:auto;
}



#calendarcontainer table td a:link, #calendarcontainer table td a:hover
{

}

#calendarcontainer table td
{
        padding:0;
    margin:0;
}


.calendarday 
{
    width:100%;
}

.calendarday td
{
    height:100px;
    
    padding:0;
    margin:0;
}

.calendarday td a:link
{
    padding-left:5px;
}

.calendarday 
{
    padding:0;
    margin:0;
}

#calendar, #calendar td
{
     padding:0;
    margin:0;
}

.calendardate 
{
    font-weight:bold;
    display:block;
    padding:5px;
}

.calendardateold 
{
        font-weight:bold;
    display:block;
    padding:5px;
    color:#dedede;
}


.datemonth #ctl00_Content_dlCalendar_ctl00_lblMiddle
{
    padding:5px;
    display:block;
    font-weight:normal;
    font-size:18px;
}

/* first 7 items are our headers */
table tr td#CalendarItem_1,
table tr td#CalendarItem_2,
table tr td#CalendarItem_3,
table tr td#CalendarItem_4,
table tr td#CalendarItem_5,
table tr td#CalendarItem_6,
table tr td#CalendarItem_7
{
    height:auto;
    display:block;
   font-weight:bold;
    padding:10px !important;
    width:100%;
}

.calendarright 
{
    float:right;
    padding-right:10px;
}

.calendarleft 
{
    float:left;
    padding-left:10px;
}

.datemonth 
{
    text-align:center;
    font-weight:bold;
    display:block;
    font-size:14px;
}

#calendar tr td 
{
    padding:0px;
}



#ctl00_Content_dlCalendar td {
width:14.28%;
}


.PaymentBillingInfo 
{
    display:none;
}

#ctl00_Content_dlCalendar 
{
    width:100%;
}



/* end calendar
###############################
*/

/* my account styles */

.AccountFiles, .AccountFreeModules, .AccountRegCodes, .AccountCompletionReport, .AccountOrders, .AccountEditAccount, .AccountHighScore, .AccountButton {
    display: inline-block;
  

    overflow: hidden;
    margin-right: 40px;
    margin-top: 40px;
    opacity: 0.75;
   background-color: #64A0BB;
    color: White !important;
    border-radius: 10px;


height: auto !important;

text-decoration: none;

margin: 20px 21px 10px 19px;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-radius: 4px;
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
border-width: 1px;
border-style: solid;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;

    padding-top: 10px;
    padding-bottom: 10px;

font-size: 12px;
line-height: 20px;
vertical-align: middle;

  width: 174px;
    
}

.AccountSeperator 
{
    display:none;
}

.AccountFiles:hover, .AccountFreeModules:hover, .AccountRegCodes:hover, .AccountCompletionReport:hover, .AccountOrders:hover, .AccountEditAccount:hover, .AccountHighScore:hover,  .AccountButton:hover
{
       opacity:1;
  
}

.AccountMainDiv 
{
    max-width:700px;
    width:100%;
    margin:auto;
}

.AccountMainDiv a:link, .AccountMainDiv a:visited, .AccountMainDiv a:hover, .AccountMainDiv a:active
{
     text-decoration:none !Important;
}
		
		
	

/* Quiz Styles */
#QuizName, #QuizName span{
    float: left;
    font-size: 20px;
    
}

.quizHeader 
{
    padding-top:20px;
}

#QuizTimerSpan {
    float: right;
    padding-right: 20px;
    font-weight: normal;
}

.counter {
    font-weight: bold;
    color: #F00;
}

#QuizCompleteMessage 
{
    display:none;
}

.questionCount {

    font-style: italic;
}

.questionCount span {
    font-weight: bold;
}
		
.CourseCompletion td img {
    padding-right: 15px;
}

.CourseCompletion td p {
    padding-top: 7px;
 
}

#ctl00_Content_ucFiles_GridView2 th
{
    width:auto !important;
    
}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		