/*  bg-green = 75B394
    fg-green = A7CFBB

    bg-blue = 5A838E
    fg-blue = 99B7BF */


body
{
    font-size           : 10pt;
    color               : black;
    font-family         : Verdana;
    background-color    : white;
}

body.MainDisplayPanel
{
    border-top          : 2px solid #E29002;
    border-left         : 2px solid #E29002;
    border-right        : 2px solid #E29002;
    margin              : 0px;
    padding             : 10px;
}

li.BJSList
{
    margin-bottom       : 10px;
}

h2
{
    font-size           : 12pt;
    font-weight         : bold;
}
h3
{
    font-size           : 12pt;
    font-weight         : bold;
}

.ActivateDemoButton
{
    border              : solid 1px #5A838E;
    background-color    : #99B7BF;
    width               : 20px;
    padding             : 5px;
    color               : gold;
    cursor              : pointer;
    font-weight         : bold;
    text-align          : center;
}

body.sidebar
{
    position            : relative;
    font-size           : 10pt;
    color               : white;
    background-color    : #5A838E;
    font-weight         : bold;
    height              : 100%;
}


.tableLinks
{
    text-decoration     : none;
    font-weight         : normal;
    color               : white;
}
.tableLinks:hover
{
    text-decoration     : none;
    cursor              : pointer;
    font-weight         : bold;
    color               : #5A838E;
    background-color    : white;
}

.tableLinksHover
{
    text-decoration     : none;
    cursor              : pointer;
    font-weight         : bold;
    color               : #5A838E;
    background-color    : white;
}


a.links
{
    text-decoration     : none;
    font-size           : 10pt;
    font-weight         : bold;
}
a.links:hover
{
    cursor              : pointer;
    font-weight         : bold;
}

.linkHover
{
    color               : #5A838E;
    background-color    : white;
    cursor              : pointer;
    font-weight         : bold;
    width               : 100%;
    height              : 100%;
}

.link
{
    color		        : white;
    background-color    : #5A838E;
    font-size           : 10pt;
    font-weight         : bold;
}

a.nainLinks
{
    color		        : black;
    text-decoration     : none;
    font-size           : 10pt;
    font-weight         : bold;
}
a.mainLinks:hover
{
    color               : gold;
    cursor              : pointer;
    font-weight         : bold;
}

div.indexOption
{
    top                 : 20px;
    left                : 10px;
    height              : 40px;
}

tr.oddRow 
{
    background-color	: #99B7BF;
}

th.CalendarDate
{
    width               : 7em;
    font-weight         : bold;
    text-align          : left;
    color               : gold;
}

td.CalendarDate
{
    width               : 7em;
    font-weight         : normal;
}

div.CalendarDate
{
    font-weight         : bold;
    text-align          : left;
    color               : gold;
    height              : 20px;
}

table.Calendar
{
    table-layout        : fixed;
    font-size           : 10pt;
    width               : 100%;
    color               : white;
}

body.MainPanelInfo
{
    font-size           : 10pt;
}
table.MainPanelInfo
{
    position            : relative;
    width               : 70%;
    font-size           : 10pt;
    border              : 0;
    border-bottom       : solid 1px #5A838E;
    border-top          : solid 1px #5A838E;
}

table.SyllabusBlock
{
    width               : 100%;
}

table.MainPanelInfo#FlightInfoTable
{
    position            : relative;
    width               : 100%;
    font-size           : 10pt;
    border              : 0;
    border-bottom       : solid 1px #5A838E;
    border-top          : solid 1px #5A838E;
}


tr.MainPanelInfo
{
    text-align          : left;
}

th.MainPanelInfo
{
    border-bottom       : solid 1px #5A838E;
    border-collapse     : collapse;
}



.indexList
{
    height              : 30px;
    width               : 100%;
}
.indexIcon
{
    float               : left;
    width               : 20px;
/*    border              : solid white 1px; */
    border              : 0;
}
.indexOption
{
    margin-left         : 10px;
}

#PurpleBeltIconId, #RedBeltIconId, #YellowBeltIconId, #OrangeBeltIconId, #GreenBeltIconId, #BlueBeltIconId, #BrownBeltIconId
{
    display            : inline;
}

.expandIcon
{
    position            : relative;
    border              : solid 1px white;
    color               : white;
    background-color    : #5A838E;
    width               : 40px;
    padding             : 5px;
    text-align          : center;
    text-decoration     : none;
}
.largeExpandIcon
{
    position            : relative;
    border              : solid 1px white;
    color               : white;
    background-color    : #5A838E;
    width               : 70px;
    padding             : 5px;
    text-align          : center;
    text-decoration     : none;
}


.expandIconText
{
    position            : relative;
    width               : auto;
    padding             : 5px;
    top                 : -6px;
}


.NavigationKeys
{
    position            : relative;
    text-align          : center;
    margin              : 0 auto;
    width               : 100%;
    height              : 30px;
}

.ActivateNaviationButton
{
    position            : inline;
    border              : solid 3px #5A838E;
    background-color    : white;
    color               : #5A838E;
    width               : 40px;
    padding             : 3px;
    cursor              : pointer;
    font-weight         : bold;
    text-align          : center;
    text-decoration     : none;
}

.largeActivateNaviationButton
{
    position            : inline;
    border              : solid 3px #5A838E;
    background-color    : white;
    color               : #5A838E;
    width               : 70px;
    padding             : 3px;
    cursor              : pointer;
    font-weight         : bold;
    text-align          : center;
    text-decoration     : none;
}

.longButton
{
    width               : 150px;
}

.mediumButton
{
    width               : 70px;
}

.PhotoDisplay
{
    position            : relative;
    height              : 50%;
    margin-top          : 40px;
}
.ImageDisplay
{
    width               : 50%;
}

.StandardPhotoBox
{
    position            : relative;
    width               : 300px;
    margin-top          : 40px;
}

.MainPagePhotoBox
{
    position            : relative;
    width               : 300px;
    margin-top          : 10px;
    margin-bottom       : 10px;
}


.Centered
{
    text-align          : center;
}

.LargeFont
{
    font-size           : 17pt;
}

.Pictures
{
    position            : absolute;
    width               : 100px;
    vertical-align      : center;
    height              : 170px;
}
.IndexPicture
{
    position            : relative;
    margin-top          : 50px;
    width               : 100%;
    height              : 100px;
    text-align          : center;
}

.Counter
{
    position            : absolute;
    text-align          : center;
    top                 : 90%;
    width               : 100%;
    height:             : 10%;
}

div.SlideShowImages
{
    position            : relative;
    height              : 400px;
    width               : 400px;
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;
    border              : 0;
}
div.SlideShowBackground
{
    position            : relative;

    height              : 100%;
    width               : 100%;
    border              : solid 1px pink; 
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;
    border              : 0;
    background-repeat   : no-repeat;
    background-position : center;
}
img.SlideShowImage
{
    position            : relative;
    height              : 100%;
    width               : 100%;
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;
    border              : 0;
}

.SlideShowCaption
{
    width               : 100%;
    margin-top          : 20px;
    font-weight         : bold;
    text-align          : center;
}



.NoDisplay
{
    display             : none;
}

.FullWidth
{
    width               : 100%;
}


.JudoKanji
{
    position            : absolute;
    top                 : 50%;
    width               : 100%;
    text-align          : center;
}
.JudoKanjiImage
{
    width               : 60%;
}

div.FeedbackBox
{
    margin-top          : 20px;
    padding-bottom      : 20px;
}
span.FeedbackName
{
    font-weight         : bold;
}
span.FeedbackDate
{
}
.FeedbackComment
{
    margin-top          : 10px;
    margin-bottom       : 20px;
    padding             : 3px 3px 3px 40px;
    color               : #5A838E;
    background-color    : white;
    font-size           : 14pt;
    font-family         : Monotype Corsiva;
    border              : solid white 3px;
}
.FeedbackCommentHoover
{
    margin-top          : 10px;
    margin-bottom       : 20px;
    padding             : 3px 3px 3px 40px;
    color               : white;
    background-color    : #5A838E;
    font-size           : 14pt;
    font-family         : Monotype Corsiva;
    border              : solid 3px gold;
}

.SmallText 
{
    position            : absolute;
    top                 : 96%;
    width               : 100%;
    height:             : 5%;
    font                : 8pt;
    color               : white;
    text-align          : center;
}


.DanName
{
    margin-top          : 5px;
    margin-bottom       : 20px;
    padding             : 5px 5px 25px 40px;
    color               : black;
    background-color    : white;
    font-size           : 10pt;
    border              : solid 1px #5A838E;
}
.DanGrade
{
    position            : relative;
    top                 : 10px;
    width               : 40%;
    padding             : 0px 0px 0px 30px;
}
.DanDate
{
    position            : relative;
    top                 : 10px;
    width               : 30%;
}
.DanAssoc
{
    position            : relative;
    top                 : 10px;
    width               : 29%;
}
.SyllabusBlock
{
    z-index             : -1;
}
div.SyllabusBlock
{
    margin              : 10px 50px 10px 20px;
    z-index             : -1;
    border              : solid 2px green;
}
div.SyllabusFrame
{
    position            : relative;
    width               : 90%;
    left                : 5%;
    margin-top          : 30px;
    height              : 40%
    border              : solid 2px #5A838E;
}

.BeltSyllabusDemo
{
    position            : relative;
    width               : 100%;
    border              : solid 2px #5A838E;
}
.DemoLink
{
    color               : #5A838E;
    background-color    : white;
}
.DemoLinkHover
{
    color               : white;
    background-color    : #5A838E;
}
div.SyllabusDemo
{
    position            : relative;
    border              : solid 4px #5A838E;
    width               : 100%;
    height              : 40%;
    background-color    : white;
    z-index:            : 3;
}

img.SyllabusDemo
{
    z-index:            : 4;
}

.DemoTitle
{
    background-color    : 5A838E;
    color               : white;
    border              : solid 1px white;
    width               : 100%;
    top                 : 90%;
    height              : 10%
}

td.ExcelStyle
{
    border              : solid 1px black;
    margin              : 0px;
    padding             : 3px 3px 3px 3px;
}

th.ExcelStyle
{
    text-align          : left;
    color               : white;
    background-color    : #5A838E;
}
tr.ExcelBoy
{
    background-color    : #B6CBD0;
}
tr.ExcelGirl
{
    background-color    : #EEB8C5;
}
tr.ExcelOrdered
{
    color               : black;
}
tr.ExcelPaid
{
    color               : #0000AA;
}
 
table.ExcelStyle
{
    border-collapse     : collapse;
    border-spacing      : 0px;
    border              : solid 1px black;
    width               : 600px;
    font-size           : 10pt;
    color               : #444444;
}

.helpLink
{
    font-weight         : normal;
    color               : #FAFAD2;
}
.helpLink:hover
{
    cursor              : help;
    font-weight         : normal;
    color               : black;
}

.helpLinkHover
{
    cursor              : help;
    font-weight         : normal;
    color               : black;
}

.helpDialog
{
    background-color    : #FAFAD2;
}

.helpText
{
    text-decoration     : none; 
    font-weight         : normal; 
    color               : black; 
    cursor              : pointer;
}

.helpBody
{
    width               : 100%;
    height              : 100%;
}

img.beltImage
{
    width               : 75px;
}

.videoIcon
{
    text-decoration     : none; 
    float               : right;
    border              : 0px;
}










.colourDarkHeatherGrey
{
	background-color	: #5A5757;
}
.colourLightgold
{
	background-color	: #F6EF8A;
}
.colourSkyBlue
{
    color               : white;
	background-color	: #9FA8EB;
}
.colourDeepNavy
{
    color               : white;
	background-color	: #1F1842;
}
.colourLilac
{
	background-color	: #B77BC1;
}
.colourLightPink
{
    color               : white;
	background-color	: #F69CB5;
}
.colourBrickRed
{
    color               : white;
	background-color	: #B7010E;
}
.colourBlack
{
    color               : white;
	background-color	: #000000;
}
.colourZinc
{
	background-color	: #7F7F7F;
}
.colourAsh
{
	background-color	: #E8E8E8;
}
.colourWhite
{
	background-color	: #FFFFFF;
}
.colourHeatherGrey
{
	background-color	: #B6AAAA;
}
.colourRed
{
    color                       : white;
    background-color            : #FE0000;
}
.colourKhaki
{
    color               : white;
	background-color	: #CDB38B;
}
.colourSunflower
{
	background-color	: #FFD100;
}
.colourNatural
{
	background-color	: #FAF9B9;
}
.colourOlive
{
	background-color	: #879438;
}
.colourBottleGreen
{
    color                       : white;
	background-color	: #1F6A17;
}
.colourRoyalBlue
{
    color                       : white;
	background-color	: #4169E1;
}
.colourNavyBlue
{
    color                       : white;
    background-color            : #192057;
}
.colourBurgundy
{
    color                       : white;
    background-color            : #63181D;
}

table.Timetable
{
    font-size           : 10pt;
    color               : #0000FF;
    margin-left         : 50px;
}
td.TimetableDate
{
    width               : 100px;
}

div.SwissPictsLeft
{
    float               : left;
    margin              : 0px 10px 10px 0px;
    vertical-align      : bottom;
    min-width           : 75px;
}
div.SwissPictsRight
{
    float               : right;
    margin              : 0px 0px 10px 10px;
}

#SwissTour07SummaryId
{
    padding             : 10px;
}


img.SwissPicts
{
    max-height          : 100px;
    vertical-align      : bottom;
}

.SwissSchedule
{
    font-weight         : bold;
    padding-left        : 20px;
}
.SwissTourTitle
{
    background-color    : Red;
    color               : White;
    font-weight         : bold;
    margin              : auto;
    width               : 400px;
    padding             : 10px;
    font-size           : 18pt;
    text-align          : center;
}

.SwissPictureBar
{
    margin              : auto;
    width               : 375px; 
    padding-top         : 10px; 
    padding-bottom      : 10px;
    vertical-align      : bottom;
    height              : 120px;
}

.SwissPictureBar2
{
    margin              : auto;
    width               : 350px; 
    padding-top         : 10px; 
    padding-bottom      : 10px;
    vertical-align      : bottom;
    height              : 95px;
}

.AlbumIcon
{
    padding             : 0; 
    margin              : 0; 
    border              : 5px solid white; 
}

.AlbumIconActive
{
    border              : 5px solid #AAAAAA; 
}


.NewsBar
{
    background-color    : Black;
    color               : White;
    font-weight         : bold;
    margin              : auto;
    width               : 350px;
    text-align          : center;
    padding             : 10px;
    font-size           : 18pt;
}
.NewsPictureBar
{
    margin              : auto;
    width               : 500px; 
    padding-top         : 10px; 
    padding-bottom      : 10px;
    vertical-align      : bottom;
    height              : 150px;
}

.NewsPict
{
    max-height           : 150px;
    vertical-align      : bottom;
    padding             : 10px;
}