*{
    margin:0;
    padding:0;
    font-family: Arial, Sans-Serif;
    font-size: 14px;
    }
body 
{
    
}


      /***********FONT STYLES***********/
    
    p
    {
        font-family: Arial, Sans-Serif;
        font-size: 14px;
        color: #666666;
        line-height: 18px;
    }
    
    h1 
    {
        font-family: Arial, sans-serif;
        font-size: 30px;
        color: #666666;
        letter-spacing: -0.03em;
        
    }
    
    h2
    {
        font-family: Trebuchet MS;
        font-size: 18px;
        color: #39f;
        letter-spacing: -0.03em;
    }
    
    h3 
    {
        font-family: Trebuchet MS;
        font-size: 18px;
        color: #3399FF;
        letter-spacing: -0.03em;
    }
    
    .system-reqs li
    {
        list-style-type: none;
        text-decoration: none;
    }
    
    ul 
    {
        margin-left: 20px;
        color: #666666;
    }
    
    ul li 
    {
        font-family: Arial, Sans-Serif;
        font-size: 14px;
        line-height: 18px;
    }
       
     .divClear
    {
        clear:both;
    } 
    
    a:link 
    {
        text-decoration: underline;
        color: #666666;
    }
    
    a:hover 
    {
        color: #3399ff;
        text-decoration: underline;
    }
        


    /***********HOMEPAGE STYLES***********/
    
  
    #welcome 
    {
        width: 600px;
        height: 170px;
        float: left;
        padding-left: 20px;
        margin-top: 60px;
    }
    
    #update-section 
    {
        float: left;
        width: 600px;
        padding-left: 20px;
        margin-top: 20px;
    }
    
     .block-heading 
    {
        
        width: 200px;
        font-size: 22px;
        color: #3399FF;
        font-family: Trebuchet MS;
        letter-spacing: -0.03em;
        margin-top: 10px;
    }
    
    .block-heading a 
    {
        color: #3399FF;
        text-decoration: none;
        font-size: 22px;
        font-family: Trebuchet MS;
        letter-spacing: -0.03em;
    }
        
    .block-heading a:hover 
    {
        text-decoration: underline;
    }
    
      /***********GRIDS and SIDEBAR ***********/
    
    #container 
    {
        
	max-width: 1152px;
	min-width: 75%;
        background-color: #fff;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0px;
        min-height: 500px;
    }
    
    #grid_0 
    {
    width:100%;
    min-width: 800px;
    float: left;
    clear: none;
    }
    
    #grid_0_1 
    {
        float: left;
        width:40%;
        padding:20px;
    }    

    #grid_0_2
    {
        float: right;
        width:53%;
    }    
#img_0 
{
    width:100%;
}
    .grid_1 
    {
        width: 650px;
        width:57%;
        float: left;
    }
    
    .grid_2 
    {

        width:38%;
        float: right;
        margin-top: 30px;
    }

    .grid_2 p
    {
        margin-top: 12px;
    }

    .grid_3 
    {
    width:100%;
    min-width: 800px;
        /*height: 260px;*/
        background: #f1f1f1;
        float: left;
        margin-top: 3px;
        /*overflow:visible;*/
    }
    
    .grid_4x
    {
        width:1%;
        height:10px;
        float: left;
    }
    
    .grid_4 
    {
        float: left;
        /*height: 187px;*/
        margin: 22px 0;
        width: 267px;
        width:18.8%;
    }
    
    .grid_4 a
    {
        text-decoration: none;
    }

    .grid_4 a:visited
    {
        text-decoration: none;
    }

    .grid_5
    {
        float: left;
        width: 20px;
        margin-top: 22px;
    }
    .grid_6
    {
        float: left;
        width: 60%;
        margin-top: 22px;
        float:left;
    }    
    .grid_6 h1 {margin: 0 0 0 10px;}
    .grid_6 h2 {margin: 15px 0 0 20px;}
    .grid_6 p  {margin: 10px 0 0 20px;}
    .grid_6 ul  {margin: 10px 0 0 45px;}    
    
    .google-map
    {
        float: right;
        width: 425px;
        margin-top: 22px;
        margin-right:20px;
    }    
    .live-support
    {
        float: right;
        width: 220px;
        margin-top: 22px;
        margin-right:20px;
    }   
    
    .grid_image_right 
    {
        width: 600px;
        float: right;
        background-color: #ccc;
    }
    
    #sidebar-help 
    {
        width: 200px;
        height: 400px;
        float: right;
        background: #fff;
        margin-top: 10px;
        border-left: solid 1px #ccc;
    }
    
    .sidebar-copy 
    {
        margin-left: 10px;
        margin-right: 10px;
    }
    
    .sidebar-copy p 
    {
        font-weight: normal;
    }
    
    #sidebar-help img 
    {
        margin-left: 10px;
    }
    
   /***********HEADER STYLES***********/

    #header
    {
    min-width: 800px;
    background-color:#fff;
    /*height:180px;  stopped by hatim Jan 16,2012*/
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    }
    
    #logo 
    {
        margin-top: 10px;
        float: left;
    }
    
   /***********Navigation Bar STYLES***********/    
    #navigation
    {
        background-color: #666666;
        float: left;
        height: 34px;
        width: 100%;
        color: #ffffff;
        font-family: arial, sans-serif;
        font-style: normal;
	    min-width: 800px;
    }
        
    .nav
    {
        list-style-type:none;
        background-color: #666666;
        overflow:hidden;
        margin-left:0;
    }
    .nav li 
    {
       float: left;
    }
    .nav li a 
    {
        display: block;
		padding: 8px 12px;
		text-decoration: none;
		color: #ffffff;
		background-color: #666666;
		border-right: 1px solid #ccc;
		font-size: 15px;
		font-family: Arial, Sans-Serif;
    }
    
    .nav li a:hover 
    {
        background-color: #3399ff;
    }
    
    #nav-login
    {
        display: block;
        width: 160px;
        height: 50px;
        float: right;
        margin-top:70px;
        margin-right:50px;
    }

    #nav-login a img {
        position: absolute;

        border: 0;
    }
    #nav-login a img.primary { z-index: 1; }

    #nav-login a img.rollover { z-index: -1; }

    #nav-login a:hover img.rollover { z-index: 2; }
    
    #home #nav-home a,
    #start #nav-start a,
    #about #nav-about a,
    #resource #nav-resource a,
    #system #nav-system a,
    #help #nav-help a,
    #contact #nav-contact a
    {
        background-color: #3399ff;
    }
    
    #login #nav-login
    {
        visibility:hidden;
    }
    /***********SYSTEM REQUIREMENTS STYLES***********/
    
    #requirements 
    {
        border: 1px solid #cccccc;
        margin-top: 20px;
        margin-bottom: 40px;
        margin-left: 25px;
        /*width:520px;*/

    }
    
    #requirements td 
    {
        border: 1px solid #cccccc;
        padding-left:5px;
    } 
    
    #requirements a
    {
        text-decoration:none;
        color:#666666;
    } 
    
    #requirements a:hover 
    {
        text-decoration: underline;
    }

    #requirements a:visited
    {
        color: #666666;
        font-family: Arial, Sans-Serif;
    } 
    
    .sys-req-border
    {
        border-left: 1px solid #f1f1f1;
        padding: 30px;
    }
    
    .sys-req-border2 
    {
        border-bottom: 1px solid #f1f1f1;
        padding: 30px;
    }
    
    #minimum-reqs 
    {
        border: 1px solid #cccccc;
    }
    
     #minimum-reqs td 
    {
        border: 1px solid #cccccc;
        padding: 10px;
        width: 250px;
    }
    
    
    /*************Login Panel*************************/
    #loginPanel
{
	margin: 0 auto;
	margin-top:20px;
	width: 546px;
	height:auto;
	padding-top:200px;
	padding-left:10px;
	background-image:url("../images/login_new.png");
	background-repeat:no-repeat;
	
}

#loginPanel label
{
	display: block;
	font-size: 16px;
}

#loginPanel div
{
    padding-bottom:20px;
}

#loginPanel input.textbox340
{
	border: 0px solid #333;
	background-color:#eee;
	font-size: 18px;
	line-height: 20px;
	margin: 0;
	margin-top:5px;
	padding: 3px;
	width: 440px;
}    
     /***********HELP PAGE STYLES***********/
 
    #general-help-submit 
    {
        margin-right: 48px;
    }
    
    
    .grid_8
{
    float: left;
    width: 100%;
    /*height:650px;*/
    margin-top: 22px;
    /*background-image: url('../images/image-help.jpg');*/
    background-repeat:no-repeat;
    background-position:right;

}
    
    
    /***********FOOTER STYLES***********/

    #footer
    {
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 10px auto;
    background-color: #FFFFFF;
    height: 100px;
    border-top: 1px solid #ccc;

    }
    
    .footer-logo 
    {
        float: left;
        width: 250px;
        height: 75px;
        margin-top: 20px;
        margin-right: 60px;
    }
    
    .footer-copyright
    {
        height: 40px;
        float: right;
        margin-top: 45px;
        margin-right: 20px;
        font-family: Arial, Sans-Serif;
        font-size: 12px;
    }

    .footer-copyright span
    {
        font-size: 12px;
    }

/**********Newsletters***********/
.menutitle
{
	cursor: hand;
	margin-bottom: 5px;
	background-color: #ECECEC;
	color: #4b4b4b;
	width: 140px;
	padding: 2px;
	text-align: center;
	font-weight: bold; /*/*/
	border: 1px solid #C6C7BE; /* */
}


.submenu
{
	margin-bottom: 0.5em;
}

#masterdiv .submenu ul
{
    list-style-type: none;
}

#masterdiv .submenu ul li 
{
    line-height: 22px;
}


/**********Resources***********/

#image-resources 
{
    float: left;
}

.grid_7 
{
    float: right;
    width: 48%;
    margin-top: 22px;

}
    
.grid_6 table.general
{
	border-top: 1px solid #c6c7be;
	border-left: 1px solid #c6c7be;
	width: 75%;
	color: #666666;
}

.grid_6 table.general td
{
	border-bottom: 1px solid #c6c7be;
	border-right: 1px solid #c6c7be;
	padding: 3px;
	font-size: 0.9em;
}

.grid_6 table.general td.titleg
{
	background-color: #e8e5d8;
	font-weight: bold;
	color: #222222;
}

#Firefox, #Chrome
{
	color: #666666;
}

#table_0 
{
    max-width:100%;
    max-height:60%;
}
/*
#img_0 
{
    max-width:90%;
    max-height:90%;
}
    
#td1
{  
    width: 43%;
    padding-left:15px;
}
    
#td2
{
    vertical-align:middle;
    width: 56%;
}
        
  */     
/**********Getting Started***********/

#getting-started-symbols ul
{
list-style-type: none;
list-style-position: inside;
clear: both;
}

#getting-started-symbols li 
{
    float: none;
    padding-left:35px;
    padding-bottom:10px;
    padding-right: 20px;
    position: relative;
    /*width: 300px;*/
    height:30px;
}

#getting-started-symbols p 
{
    margin-left: 35px;
    margin-top: 15px;
    padding-top:5px;
}
    
.getting-started-time 
{
background-image: url("../images/time.jpg");
background-repeat: no-repeat;
}

.getting-started-phone 
{
background-image: url("../images/telephone.jpg");
background-repeat: no-repeat;
}

.getting-started-computer
{
background-image: url("../images/computer.jpg");
background-repeat: no-repeat;

}

.getting-started-cdplayer 
{
background-image: url("../images/cd-player.jpg");
background-repeat: no-repeat;
}

#menu.floating {
    position: fixed;
    top: 0;
    box-shadow: 0 4px 2px -1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 4px 2px -1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 4px 2px -1px rgba(0, 0, 0, 0.25);
}

#menu {
    overflow: hidden;
    background: #fff;
    width: 100%;
    height: 30px;
    padding:0 0 10px 0; 
    z-index: 1;
}

#sidebarInvite
{
	float: right;
	width: 30%;
	padding-top: 15px;
}
#mainContent { 
	margin: 0 10px 0 10px; 
	background-color: #fff;
	height: 100%; /*delete by lionel for firefox*/
	height: auto !important;
	overflow:hidden;
} 


table.table5

{

	font-size: 12px;

	background-color: #EEEEEE;

	border: 1px solid gray;

}

table.table5 th

{

	font-size: 12px;

	height:20px;

	background-color:Teal;

	color:White;

}

table.table5 td

{

	padding: 3px 3px 3px 10px;

	font-size: 12px;

}


#FOContent { padding: 10px 0px 0px 0px; POSITION: relative; width: 100%;	overflow:hidden;}

#FOContent h1.top { color: #727958; font: bold 20px Verdana;  padding: 5px; margin: 0px; border-bottom: #c6c7be 1px dotted; }

/*#FOContent a { text-decoration: underline; font: normal 12px Verdana; color: #4b4b4b;  }*/

#FOContent a {font: normal 12px Verdana; color: #3399ff;  text-decoration:none;}

#FOContent a:hover {  text-decoration: underline;}

#noneIE a {font: normal 12px Verdana; color: #3399ff;  text-decoration:none;  text-decoration: underline;}

#noneIE a:hover {  cursor:pointer;}

#FOContent .titleDesc { color: #4b4b4b; }

#FOContent p { padding-left: 10px; padding-right: 10px;  font-size: 14px ;}

#FOContent li { font-size: 14px ;}

#FOContent a.qitems { color: #43516f; padding-left: 5px; padding-right: 5px; font-weight: bold; }

#FOContent a.qactive { color: #ef6b42; text-decoration:none; padding-left: 5px; padding-right: 5px; font-weight: bold; }

#FOContent a.msgTab { color: #43516f; text-decoration:none; font-size: 13px;  }

#FOContent a.activeTab { color: #43516f; text-decoration:none; font-size: 13px; font-weight:bold;  }

#FOContent a.activeTab:hover { color: #43516f; text-decoration:underline; font-size: 13px; font-weight:bold;  }

#FOContent a.msgTab:hover { color: #43516f; text-decoration:underline; }

#FOContent h1.alert { color: #ef6b42; font: bold 15px Verdana;  padding: 5px; margin: 0px; border-bottom: #c6c7be 1px ; }

#FOContent h1.remind { color: #B7B7BB; font: bold 15px Verdana;  padding: 5px; margin: 0px; border-bottom: #c6c7be 1px ; }


#errorsidebar {
	float: right; 
	width: 28%; 
	padding-top: 5px;
	padding-left:5px;
	padding-right: 5px;
	height:auto;
	overflow:inherit;
	
}

#errorsidebar h3, #errorsidebar p {
	margin-left: 10px; 
	margin-right: 10px;
	
}


#errorsidebar h5, #errorsidebar lI {
	margin-left: 10px; 
	margin-right: 10px;
	
	
}



#tableContent {POSITION: relative; width: 100%; overflow:hidden}

#fmenu.floating {
    position: fixed;
    top: 0;
    box-shadow: 0 4px 2px -1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 4px 2px -1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 4px 2px -1px rgba(0, 0, 0, 0.25);
	max-width: 1152px;
	min-width: 75%;
}

#fmenu {
    overflow: hidden;
    background: #fff;
    width: 100%;
    height: 30px;
    padding:0 0 5px 0; 
    z-index: 1;
}    

.90
{
width:90%  ;
    }
    
.100
{
width:100%  ;   }    
ins {border-bottom:1px solid green; text-decoration: none; color:green}
del {color:red; text-decoration:line-through}
cite {border-bottom:1px dashed blue}
acronym {border-bottom:1px dotted #CCC; cursor:help}
abbr {border-bottom:1px dashed #CCC; cursor:help}

@media only screen 
  and (min-device-width: 2px) 
  and (max-device-width: 499px)
  and (-webkit-min-device-pixel-ratio: 2) 
{
       
#chattab
{
top:400px;
right:-12px !important;
}
}

/*--- START - Chat style for tab on linchomestudy.ca pre-login pages---*/

#chattab
     {
           position:fixed;
           right:-70px;
           bottom:100px;
           z-index:9999;
           /*-webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,);
           box-shadow: 1px 1px 2px 2px rgba(0,0,0,);*/
     }
     
     #chattab:hover
     {
        -webkit-animation-name: silde_to_top;
        -webkit-animation-duration: 200ms;
        -webkit-animation-timing-function: ease;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-direction: normal;
        -webkit-animation-delay: 0;
        -webkit-animation-play-state: running;
        -webkit-animation-fill-mode: forwards;   
        animation-name: silde_to_top;
        animation-duration: 200ms;
        animation-timing-function: ease;
        animation-iteration-count: 1;
        animation-direction: normal;
        animation-delay: 0;
        animation-play-state: running;
        animation-fill-mode: forwards;   
     }
     
     @-webkit-keyframes silde_to_top {
        0% { right:-70px  }
        100% { right:-25px;  }
}
     @keyframes silde_to_top {
        0% { right:-70px  }
        100% { right:-25px;  }
}

#chattab input:focus,select:focus,textarea:focus,button:focus { outline: none; }

/*--- END - Chat style for tab on linchomestudy.ca pre-login pages ---*/

/*--- START Social Media tabs for pre-login pages ---*/

#socialtab-fb, #socialtab-tw, #socialtab-ig
{
           position:fixed;
           right:-70px;
           z-index:9999;
           border: none;
    
}
#socialtab-fb
{
           bottom:250px;    
}
#socialtab-tw
{
           bottom:200px;
}
#socialtab-ig
{
           bottom:150px;
}

            
#socialtab-fb:hover, #socialtab-tw:hover, #socialtab-ig:hover
{
              opacity: 0.9;
              cursor: pointer;

}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 499px) and (min-device-width: 2px)
{

    #socialtab-fb
    {

        top:450px;
    }
    #socialtab-tw
    {
        top:500px;
    }
    #socialtab-ig
    {
        top:550px;
    }
}

/*--- END Social Media tabs for pre-login pages ---*/

/*  ---Holiday style added 30-nov-2016 by RH begin--- */
#seasons-greetings{
	max-width:419px;
	border:none;
}


/* ---holiday style end--- */
#btnCalSel, .btnCalSel, img.btnCalSel
{
    position:relative;
    top:4px;
    height:20px;
    width:20px;
}