/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/

/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
html,
body {
    margin:0!important;
    padding:0!important;
    height:100%!important;
    line-height:17px!important;

}

body {
    /*background-image: url(../img/top_pixel.gif);
    background-repeat: repeat-x;*/
    padding-top: 14px;
    background-color: #ebebeb;
}

.borders {
    border: 1px dashed #000;
}

.border-bottom-gray {
    border-bottom: 1px solid #bbb;
}

.serial {
    text-transform: uppercase;
}

.text-gray {
    color: #777;
    font-size: 10pt;
}

.text-gray2 {
    color: #777;
    font-family: verdana;
    font-size: 10pt;
}

a.link {
    color: #013274 !important;
    text-decoration: none;
}

a.link:hover {
    color: #FCBA30 !important;
    text-decoration: underline;
}

a.link-light {
    text-decoration: none;
}

a.link-light:hover {
    color: #FCBA30 !important;
    text-decoration: underline;
}

.underline-none {
    text-decoration: none !important;
}

a.attach { 
    padding:2px 22px 2px 0; 
    margin:-2px 0; 
    background-repeat: no-repeat; 
    background-position: right center;
    background-image: url(../img/icons/attach.png);
}

.disabled {
    opacity: .5;
    filter: alpha(opacity = 50);
}

.pointer { cursor: pointer !important; }
.no-cursor { cursor: auto !important; }

.pending {
    color: red;
    background-image: url(../img/icons/cross.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
    line-height: 16px;
}

.active {
    color: green;
    background-image: url(../img/icons/tick.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
    line-height: 16px;
}

.align-right { text-align: right !important; }

.v-align-top { vertical-align: top; }
.v-align-middle { vertical-align: middle; }

label.reset {
    display: inline !important;
    float: none !important;
    width: 100% !important;
}

.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none !important; }

.clear-both { clear: both; }

.display-block { display: block; }

.no-wrap { white-space: pre; }

.off-screen {
    position: absolute;
    left: -9999em;
}

input.off-screen {
    position: absolute;
    left: -9999em;
    width: 1px;
    height: 1px;
}

span.green-outline {
    background-color: green;
    color: white;
    padding: 2px 25px 2px 2px;
}

span.red-outline {
    background-color: red;
    color: white;
    padding: 2px 2px 2px 2px;
}

span.orange-outline {
    background-color: orange;
    color: white;
    padding: 2px 28px 2px 2px;
}

img.clear {
    cursor: pointer;
    position: relative;
    top: 3px;
}

img.expand-support,
img.expand-history {
    position: relative;
    top: 4px;
    padding-left: 5px;
}

table.table-no-border * { 
    border-width: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: none !important;
    border: none !important;
    line-height: normal;
}
table.table-no-border {
    border: none !important;
}
table.table-no-border th, table.table-no-border td { padding: 1px !important; }

#map_gr {
    padding: 3px;
    border: 1px solid #ccc;
    height: 350px;
}

#map_en {
    padding: 3px;
    border: 1px solid #ccc;
    height: 350px;
}

input.date {
    width: 100px !important;
    background-image: url(../img/icons/calendar_view_day.png);
    background-repeat: no-repeat;
    background-position: center right;
}

input.date-editable + img {
    position: relative;
    margin-right: -20px;
    top: 4px;
    left: -140px;
    cursor: pointer;
}

no-width {
    width: auto !important;
}

/**************************************/
/*              HEADER                */
/**************************************/
div.logo {
    background-image: url(../img/infolearn.gif);
    background-repeat: no-repeat;
    height: 54px;
}

#head {
    background-color: #fff;
}

#header {
    background-color: #002561;
}

div.header-image {
    background-image: url(../img/header.gif);
    background-position: right;
    background-repeat: no-repeat;
    height: 74px;
}


/**************************************/
/*             NAVIGATION             */
/**************************************/
ul.top-menu {
    /*padding-top: 17px;*/	
}

ul.top-menu li {
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0 0 0 10px;
}

ul.top-menu li a {
    color: #606060;
    font-size: 7pt;
    font-weight: bold;
    text-decoration: none;
}

ul.top-menu li a:hover {
    color: #feb92e;
    text-decoration: underline;
}

ul.main-menu {
    padding-left: 0px;
    margin-left: 5px;
}

ul.main-menu li {
    list-style-image: url(../img/option_orange.gif);
}

ul.main-menu li a {
    color: #013274;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    margin-left:0px; 
}

ul.main-menu li a:hover {
    color: #fcba30;
    text-decoration: underline;
}

ul.main-menu li a.active-menu {
    color: #fcba30;
    text-decoration: underline;
}

div.pagination {
    float: left;
    position: relative;
    left: 50%;
    text-align: left;
}

div.pagination ul {
    list-style-type: none;
    position: relative;
    left: -50%;
}

div.pagination ul li {
    float: left;
    position: relative;
    margin: 0px;
    padding: 0px 5px 0px 0px;
}

div.pagination ul li a {
    border: 1px solid gray;
    padding: 3px;
    color: #013274;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}

div.pagination ul li a:hover {
    border: 1px solid #002561;
    color: #fcba30;
}

div.pagination ul li.active-page {
    border: 1px solid #002561;
    background-color: #002561;
    color: #fcba30;
    margin: -1px 4px 0 0;
    padding: 1px 3px 0 3px;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#main {
    background-color: #fff;
    height:100%;
    /*background-image: url(../img/header_bottom_pixel.gif);
    background-position: center -20px;
    background-repeat: repeat-x;*/
    padding-top: 50px;
    padding-bottom: 40px;
    max-width:1000px!important;
    margin: 0 auto!important;
}

#main div,
#main p{
	
	font-size:1.05em;
	line-height:1.4;
	
}
h4.top{
	font-size:1.5em!important;
}
#breadcrumb {
    font-size: 10px;
    text-transform: lowercase;
    color: #777;
    font-family: verdana;
    height: 25px;
}

#breadcrumb a {
    color: #013274 !important;
    text-decoration: none;
}



#breadcrumb a:hover {
    color: #FCBA30 !important;
    text-decoration: underline;
}

#tabs {
    margin-top: 20px;
}

ul.spaces li {
    padding-bottom: 10px;
}

.dotted-bottom {
    padding-bottom: 5px;
    border-bottom: 1px dotted #c1c1c1;
}

.dotted-top {
    padding-top: 5px;
    border-top: 1px dotted #c1c1c1;
}

img.arrow, img.plus {
    padding-bottom: 35px;
}

#add-new-contact, img.remove-addr, img.remove-contact {
    position: relative;
    top: 5px;
}

form.forms label {
    float:left; 
    width:10em; 
    display:block; 
    clear:left; 
    margin-right:1em; 
    text-align:left;  
    cursor:pointer;
}

form.forms input {
    width: 18.5em;
}

form.forms input[type='password'] {
    width: 19.3em;
}

.small-input label {
    width: 15.3em !important; 
}

.small-input input {
    width: 13em !important;
}

.smaller-input label {
    width: 9em !important; 
}

.smaller-input input {
    width: 18em !important;
}

#serial_number, #serial {
    text-transform: uppercase;
}

form.forms input[type="file"] {
    border: 1px solid #ccc; 
    background: #fff;
}

form.forms input[type="file"]:hover {
    border-color: #aaa;
}

form.forms input[type="file"]:focus {
    border-color: #888; 
    outline: 1px solid #F8AB17;
}

form.forms fieldset fieldset fieldset label {
    width: 9em ; /* !important */
}

label.big {
    width: 15em !important;
}

label.small-width {
    width: 6em !important;
}
label.small-width2 {
    width: 7em !important;
}

form.forms fieldset fieldset fieldset input {
    width: 15em;
}

form.forms input[type='radio'], form.forms input[type='checkbox'] {
    width: auto !important;
}

h1.title-text, 
h2.title-text,
h3.title-text,
h4.title-text,
h5.title-text,
h6.title-text {
    color: #013372;
}

hr.line {
    height: 1px;
    border-top: 1px dotted #c1c1c1;
    background-color: white;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
}

hr.big-line {
    height: 2px;
    border-top: 2px solid #c1c1c1;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: white;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
}

hr.product {
    margin-top: 10px;
    width: 125px;
}

.block-decr {
    padding-top: 5px;
}

ul.li-padding-top li {
    padding-top: 20px;
}

ul.features-list-orange {
    padding-left: 0px;
    margin-left: 5px;
}

ul.features-list-orange li {
    list-style-image: url(../img/option_orange.gif);
}

a.index-hlt,
ul.features-list-orange li a {
    color: #02a5c6;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}

a.index-hlt:hover,
ul.features-list-orange li a:hover {
    color: #fcba30;
    text-decoration: underline;
}

ul.features-list-orange-bullet {
    padding-left: 0px;

}

ul.features-list-orange-bullet li {
    list-style-image: url(../img/bullet.gif) !important;
    line-height: 20px;
    margin-top: 0px;
    margin-bottom: 0px;	
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left:0px;

}
ul.level-2 {
    margin-left: 0px;
}

ul.level-2 li a {
    margin-left: 0px;
}

ul.level-3 {
    margin-left: 14px;
}

ul.level-3 li a {
    color: #013274;
    font-weight: normal;
}

ul.no-bullets {
    padding-left: 0px;
    margin-left: 0px;
}

ul.no-bullets li {
    list-style-image: url();
    list-style-type: none !important;
    line-height: 20px;
    margin: 0px;
    padding: 0px;
}


.right-sparator {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px dashed #002561 !important;
    line-height: 100%;
    height: 100%;
}

#grid_wrapper, #grid_wrapper2 {
    padding: 4px;
    /*border: 2px solid #ccc;*/
    background-color: #ccc;
}

table.grid {
    background-color: #fff;
    border-width: 0px !important;
    margin-bottom: 0px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;	
}

table.grid caption {
    font-weight: bold;
    text-align: left;
}

table.grid tbody {
}

table.grid thead tr th a {
    color: #013274 !important;
    text-decoration: none;
}

table.grid thead tr th a:hover {
    color: #FCBA30 !important;
    text-decoration: underline;
}

table.grid tbody tr td:first-child {
    vertical-align: middle;
}

table.grid tbody tr td.serial {

}

table.grid tbody tr:hover {
    background-color: #fffccc !important;
}

table.grid tbody tr:nth-child(even) {
    background-color: #f1f1f1;
}

table.grid tbody tr:nth-child(odd), tr.odd {
    background-color: #f9f9f9;
}

div.history-container div.history_row:hover {
    background-color: #fffccc !important;
}

div.history-container div.even {
    background-color: #f1f1f1;
}

div.history-container div.odd {
    background-color: #f9f9f9;
}

tr.even {
    background-color: #f1f1f1 !important;
}

tr.odd {
    background-color: #f9f9f9 !important;
}

table.grid tbody tr td {
    color: #777;
}

table.grid tbody tr td a {
    color: #013274 !important;
    text-decoration: none;
}

table.grid tbody tr td a:hover {
    color: #FCBA30 !important;
    text-decoration: underline;
}

table.grid tfoot {
    /*
    border-right: 2px solid white !important;
    border-bottom: 2px solid white !important;
    border-left: 2px solid white !important;
    */
}

textarea.textarea {
    display: block;
    width: 100%;
    height: 136px;
    overflow: auto;
    background: transparent;
    background: #fefefe url(../img/input_text2.gif) top repeat-x !important;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    font-size: 13px;
    font-family: 'Trebuchet Ms';
}

textarea.textarea:focus {
    border: 1px solid #ccc;
}

.news-container {
    padding-bottom: 10px;
    margin-bottom: 40px;
    border-bottom: 1px dashed #ccc;
}

.news-container p {
    color: #777;
}

.news-container p:nth-child(even) img:FIRST-CHILD {
    float: left;
}

.news-container p:nth-child(odd) img:FIRST-CHILD {
    float: right;
}

.news-container p img:FIRST-CHILD {
    padding: 3px;
    margin: 3px;
    border: 1px solid #ccc;
}

.news-toolbar {
    text-align: right;
    /*
    border-left: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    */
    color: #777;
    padding: 5px;
    font-family: tahoma;
}

.date {
    background-image: url(../img/icons/calendar_view_day.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    /*margin-left: 20px;*/
}

.clock {
    background-image: url(../img/icons/clock.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    margin-left: 20px;
}

ul.header-list div {
    margin-bottom: 3px !important;
}

ul.header-list input[type="text"] {
    width: 90% !important;
}

ul.header-list input[type="text"].small-width {
    width: 84% !important;
    position: relative;
    top: -2px;
}
ul.header-list input[type="text"].small-width2 {
    width: 80% !important;
    position: relative;
    top: -2px;
}

img.remove-student {
    position: relative;
    top: 4px;
    margin-left: 3px;
}

ul.header-list li.toolbar img {
    position: relative;
    top: 4px;
}

ul.header-list li.toolbar {
    position: relative;
    top: -15px;
    text-align: right;
    margin-bottom: -10px !important;
}

ul.header-list li:first-child {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

ul.header-list li {
    padding-top: 5px;
    margin-bottom: 10px;
}

ul.header-list li.separator {
    border-top: 1px dashed #ccc;
}

ul.header-list li:last-child {
    border-top: 1px solid #ccc;
    margin-top: 15px;
}

#products li {
    float: left;
    margin-right: 10px;
    margin-bottom: 40px;
}

.product-descr {
    height: 60px;
}

input.login-button {
    position: relative;
    top: 7px;
    padding-right: 0px !important;
    margin-right: 0px !important;
}

#address-container fieldset fieldset {
    border-top-width: 0px;
}

#address-container fieldset {
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

#address-container fieldset legend {
    padding-left: 0px;
}

/**************************************/
/*               FOOTER               */
/**************************************/
#footer {
    background-color: #ebebeb;
    padding-top: 10px;
    /*height: 80px;*/
}

#top-link	{ 
    display:none; 
    position:fixed; 
    right:5px; 
    bottom:5px; 
    color: white; 
    font-weight:bold; 
    text-decoration:none; 
    background-color: #002561; 
    padding:5px;
}

#top-link:hover {
    color: #F8AB17;
}




ul.athomelist div {
    margin-bottom: 3px !important;
}

ul.athomelist input[type="text"] {
    width: 90%;
}

ul.athomelist input[type="text"].small-width {
    width: 84% !important;
    position: relative;
    top: -2px;
}

ul.athomelist li.toolbar img {
    position: relative;
    top: 4px;
}

ul.athomelist li.toolbar {
    position: relative;
    top: -15px;
    text-align: right;
    margin-bottom: -10px !important;
}

ul.athomelist li:first-child {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

ul.athomelist li {
    padding-top: 5px;
    margin-bottom: 10px;
}

ul.athomelist li.separator {
    border-top: 1px dashed #ccc;
}

ul.athomelist li:last-child {
    border-top: 1px solid #ccc;
    margin-top: 15px;
}


input.datedatepicker {
    width: 100px !important;
    background-image: url(../img/icons/calendar_view_day.png);
    background-repeat: no-repeat;
    background-position: center right;
}




/* IE 6 */
table.grid-ie6 {
    background-color: #fff;
    border-width: 0px !important;
    margin-bottom: 0px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;	
}

table.grid-ie6 caption {
    font-weight: bold;
    text-align: left;
}

table.grid-ie6 tbody {
}

table.grid-ie6 thead tr th a {
    color: #013274 !important;
    text-decoration: none;
}

table.grid-ie6 thead tr th a:hover {
    color: #FCBA30 !important;
    text-decoration: underline;
}

table.grid-ie6 tbody tr td:first-child {
    vertical-align: middle;
}

table.grid-ie6 tbody tr td.serial {

}

table.grid-ie6 tbody tr:hover {
    background-color: #fffccc !important;
}

table.grid-ie6 tbody tr:nth-child(even) {
    background-color: #f1f1f1;
}

table.grid-ie6 tbody tr:nth-child(odd), tr.odd {
    background-color: #f9f9f9;
}

table.grid-ie6 tbody tr td {
    color: #777;
}

table.grid-ie6 tbody tr td a {
    color: #013274 !important;
    text-decoration: none;
}

table.grid-ie6 tbody tr td a:hover {
    color: #FCBA30 !important;
    text-decoration: underline;
}

.check-domain {
    border-left: none !important;
    border-top: none !important;
}

.check-domain td {
    padding: 0 !important;
}

.domain-text {
    border-top: none;
    border-right: none;
    border-left: none;
}

.hosting .error {
    border: 1px solid red;
    background-color: #efa9a9;
    color: black;
    text-align: center;
    padding: 5px;
}

.hosting .ok {
    border: 1px solid green;
    background-color: #d2ffbe;
    color: black;
    text-align: center;
    padding: 5px;
}
.uploaded-file-link span a {
    background-color: white;

    color: #3a5672;
    text-decoration: none;
}

.uploaded-file-link span a:hover {
    text-decoration: underline;
}

.syllabus-hidden {
    display: none;
}


.moretop{
    margin-top:-70px;
}



#photoShow {
    height:710px;
    width:190px;
}
#photoShow div {
    position:absolute;
    z-index: 0;
}
#photoShow div.previous {
    z-index: 1;
}
#photoShow div.current {
    z-index: 2;
}

#featured_buttons{
    left:680px!important;
}

.my_menu, .nav{
    z-index:10000!important;
}

.navbar-toggle{
    background-color:#aaa!important;
    background-color:#aaa!important;
}
.navbar-toggle span{
    color:#000!important;
}

.menu_link{
    white-space:normal;
    color:#002561!important;
}

.menu_link:hover{
    color:#337ab7!important;
}

.lang-flags{
    position:absolute;
    right: 3px;
    top:40px;
}

.lang-flags-2{
    position:absolute;
    left: 100px;
    top:10px;
    display:none;
    z-index:20;
}

.ft-title{
    max-width:220px;
}

.bottom{
    margin-bottom:90px!important;
}
#myfooter {
    background-color:#ebebeb; 
    padding:10px 0;
    width:100%;
    height:92px;
    position:absolute!important;
    bottom:0!important;
    left:0!important;
}
#header{
    width:100%;
}
.m0auto{
    margin:0 auto;
}
.row{
    margin:0!important;
}

.row-centered {
    margin: 0 auto;
    text-align: center;
}
.col-centered {
    display: block;
    /*float: none;*/
    text-align: left;
}

a{
    background-image:none!important;
    text-decoration:none!important;
}
a:hover{
    background-image:none!important;
    text-decoration:none!important;
}

.nav.navbar-nav li{
    padding:0;
    background-color:transparent;
}
.nav.navbar-nav li a{
    padding:10px 5px;;
}


.nav.navbar-nav li a:hover{
    background-color:transparent;
}

#new_menu{
    font-size:90%;
    padding:0px;
}

#myili, .butnew {

    height: 40px;
    background-color: #eeeeee;
    moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 3px solid #dddddd;
    padding: 5px;
    font-size: 10pt; 
    color: #002561; 
    font-weight: bold;
    text-align:center;
    cursor:pointer;
}
#myili:hover,.butnew:hover {
    border: 3px solid #eeeeee;
    background-color:#dddddd ;
}

#wrapper {
    min-height:100%;
    position:relative;
}
@media (max-width: 1200px) {
   
    .moretop{
        margin-top:0px;
    }

}

@media (max-width: 950px) {
    .nav.navbar-nav{
        margin:0!important;
    }	

    #new_menu{
        width:100%!important;
    }
    .navbar-header{
        margin-right:0!important;
    }
    .moretop{
        margin-top:0px;
    }

}
@media (max-width: 767px) {
    .nav.navbar-nav{
        margin:0!important;
    }	
    .navbar-right{
        padding-left:20px;
    }
    .navbar-right li{
        text-align:left;
    }
    #home-fb > .pull-right{
        float:none!important;
    }

    .lang-flags{
        display:none;
    }
    .lang-flags-2{
        display:block;
    }

    .moretop{
        margin-top:0px;
    }
}

@media (max-width: 360px) {
    #new_menu{
        width:100%!important;
        padding:1px 5px!important;
        min-width:150px;
    }
    .nav.navbar-nav{
        margin:0!important;
    }

    .nav.navbar-nav li a{
        padding:5px 0!important;
    }

    .moretop{
        margin-top:0px;
    }

}