body 
{
    margin:0;
    font-family:Calibri;
    font-size:14px;
    padding:0;
    background-color:#fefefe;
}
*
{
    margin:0;
    padding:0;
    }
/*66C9FF,6699ff,D9FFFF*/
.topbar
{
    background-color:#5151c2/*#1952FF;#E6EFFA*/
    /*
    background-image:url('./Images/TopBarBackground.jpg');
    background-repeat:no-repeat;
    height:60px;*/
    }
.topbarborder
{
    /*background-image:url('./Images/TopBarBorder.jpg');
    background-repeat:no-repeat;*/
    height:1px;
    }

.topbar1
{
    background-image:url('./Images/TopBarBackground.jpg');
    background-repeat:no-repeat;
    /*height:60px;*/
    }
.topbarborder1
{
    background-image:url('./Images/TopBarBorder.jpg');
    background-repeat:no-repeat;
    height:6px;
    }

    /*
.container
{
    background-image:url('./Images/ContainerBackground.jpg');
    background-repeat:repeat-x;
    }*/
.homepageFrames
{
    min-width:700px;
    }
.leftToolbar
{
    float:left;
    width:55px; 
    border:2px solid blue;
    background-color:Black;
    }    
.rightPanel
{
    margin-left:60px;
    overflow:auto;
    }
.garbage
{
    background-image:url('./Images/garbage_empty.png');
    background-repeat:repeat-x;
    width:48px;
    height:48px;
    }
.garbageglow
{
    background-image:url('./Images/garbage_empty_glow.png');
    background-repeat:repeat-x;
    width:48px;
    height:48px;
    }
    
/*******************************************************************************/
        .postitBox
        {
            float:left;
            height:210px;
            width:205px;
            }
        .postitFloatBox
        {
            width:200px;
            vertical-align:top;
            height:200px;
            }
        .gridFloatBox
        {
            vertical-align:top;
            }
        .gridItem
        {
            border-bottom:1px solid #fafafa;
            }
        .postitYellow
        {
            background-image:url('./Images/YellowNote.png');
            background-repeat:no-repeat;
            }
        .postitGreen
        {
            background-image:url('./Images/GreenNote.png');
            background-repeat:no-repeat;
            }
        .postitBlue
        {
            background-image:url('./Images/BlueNote.png');
            background-repeat:no-repeat;
            }
        .postitRed
        {
            background-image:url('./Images/RedNote.png');
            background-repeat:no-repeat;
            }
            
        .postitheader
        {
            overflow:hidden;
            height:16px;
            vertical-align:middle;
            padding:6px 0 4px 11px;
            font-size:14px;
            font-weight:bold;
            
        }
        .postitbody
        {
            /*height:106px;*/
            height:130px;
            width:169px;
            padding:6px 12px 2px 14px;
            font-size:14px;
            overflow:hidden;
        }
        .postitduediv
        {
            overflow:hidden;
            font-size:14px;
            height:14px;
            font-size:12px;
            text-align:left;
            padding:2px 13px;
        }
        .postitfooter
        {
            overflow:hidden;
            font-size:14px;
            height:16px;
            font-size:12px;
            text-align:right;
            padding:2px 10px 0 15px;
            /*border:1px solid red;*/ 
        }
 .postitDrag
 {
            background-image:url('./Images/Note.png');
            background-repeat:no-repeat;
            height:48px;
            width:48px;
     }
/*******************************************************************************/
 .grigBGDYellow
 {
            background-image:url('./Images/YellowGridBGD.png');
            background-repeat:repeat-x;
     }
 .grigBGDBlue
 {
            background-image:url('./Images/BlueGridBGD.png');
            background-repeat:repeat-x;
     }
 .grigBGDRed
 {
            background-image:url('./Images/RedGridBGD.png');
            background-repeat:repeat-x;
     }
 .grigBGDGreen
 {
            background-image:url('./Images/GreenGridBGD.png');
            background-repeat:repeat-x;
     }
/*******************************************************************************/
    .defaultmodalScreen 
    {
        display:none;
    }    
    .modalScreen 
    {
        background-color:black;
        filter:alpha(opacity=6);
        opacity:0.6;
        z-index:1000;
        position:absolute; 
        left:0px; 
        top:0px; 
        text-align:center;
        display:none;
    }    
    .blackmodalScreen 
    {
        background-color:black;
        filter:alpha(opacity=6);
        opacity:0.6;
        z-index:1000;
        position:absolute; 
        left:0px; 
        top:0px; 
        text-align:center;
        display:none;
    }    
    .transparentmodalScreen 
    {
        z-index:1000;
        position:absolute; 
        left:0px; 
        top:0px; 
        display:none;
        background-color:white;
        filter:alpha(opacity=1);
        opacity:0.1;
    }    
  .modaltopbar
{
    background-image:url('./Images/TopBarBackground.jpg');
    background-repeat:no-repeat;
    padding:5px 5px 2px 0;
    text-align:right;
    }
.modaldialog
{
    border:4px solid #dadada; 
    background-color:#fefefe;
    display:none; 
    z-index:99999; 
    position:absolute;
    }
 .modalbody
 {
     padding:5px 5px 5px 5px;
     }    
 .modalfooter
 {
     text-align:right; 
     padding:5px 5px 5px 0
     }
 /*******************************************************************************/
    .TodayDayStyle
    {
        border:1px solid #fafafa;
        background-image:url('./Images/DarkGreenGridBGD.png');
        background-repeat:repeat-x;
        background-color:#fafafa;
        vertical-align:top;
        text-align:left;
        }
    .OtherMonthDayStyle
    {
        border:1px solid #fafafa;
        background-image:url('./Images/GrayGridBGD5.png');
        background-repeat:repeat-x;
        background-color:#F0FFFF;
        vertical-align:top;
        text-align:left;
        }
    .WeekendDayStyle
    {
        border:1px solid #fafafa;
        background-image:url('./Images/YellowGridBGD5.png');
        background-repeat:repeat-x;
        background-color:#F0FFFF;
        vertical-align:top;
        text-align:left;
        }
    .DayStyle
    {
        border:1px solid #fafafa;
        background-image:url('./Images/BlueGridBGD5.png');
        background-repeat:repeat-x;
        background-color:#F0FFFF;
        vertical-align:top;
        text-align:left;
        }
    .SelectedDayStyle
    {
        border:1px solid #fafafa;
        background-image:url('./Images/DarkRedGridBGD.png');
        background-repeat:repeat-x;
        background-color:#fafafa;
        vertical-align:top;
        text-align:left;
        color:Red;
        z-index:99;
        }
    .DayHeaderStyle
    {
        vertical-align:top;
        text-align:left;
       
        }
    .TitleStyle
    {
        background-image:url('./Images/DarkBlueGridBGD.png');
        background-repeat:repeat-x;
        vertical-align:top;
        padding-left:5px;
        padding-right:5px;
        background-color:transparent;
        border:none;
        }
.divtop
{
        background-image:url('./Images/DarkBlueGridBGD.png');
        background-repeat:repeat-x;
    }

.Selector
{
        color: black; 
        text-decoration: none;
        font-size:14px; 
    }
    a.Selector:link 
    { 
        color:blue;    
    }		
	a.Selector:visited 
	{ 
        color:blue;    
	}
	a.Selector:hover 
	{ 
        color:blue;    
	}
	a.Selector:active 
	{ 
        color:blue;    
	}
        
.frontpageday
{
    /*border-right:1px solid lightgray;
    background-image:url('./Images/DarkBlueGridBGD.png');
    background-repeat:repeat-x;
*/
    text-align:center;
    padding:0 4px 0 4px;
    height:25px;
    line-height:26px;
   }        

.weekviewday
{
    border-right:1px solid lightgray;
    background-image:url('./Images/DarkBlueGridBGD.png');
    background-repeat:repeat-x;
    text-align:left;
    padding:4px 4px 0 4px
   }        
.weekviewweekend
{
    border-right:1px solid lightgray;
    background-image:url('./Images/YellowGridBGD.png');
    background-repeat:repeat-x;
    text-align:left;
    padding:4px 4px 4px 4px
    }        
.weekviewbody
{
    border-right:1px solid lightgray;
        vertical-align:top;
        text-align:left;
    }
    .STodayDayStyle
    {
        border:1px solid red;
        vertical-align:middle;
        text-align:right;
        }
    .SOtherMonthDayStyle
    {
        border:none;
        vertical-align:middle;
        text-align:right;
        color:#969696;
        }
    .SWeekendDayStyle
    {
        border:none;
        color:#969696;
        vertical-align:middle;
        text-align:right;
        }
    .SDayStyle
    {
        border:none;
        vertical-align:middle;
        text-align:right;
        }
    .SSelectedDayStyle
    {
        border:1px solid blue;
        background-color:yellow;
        vertical-align:middle;
        text-align:right;
        color:Red;
        z-index:99;
        }

 /*******************************************************************************/
    a:link 
    { 
        color: black; 
        text-decoration: none; 
    }		
	a:visited 
	{ 
	    color: black; 
	    text-decoration: none; 
	}
	a:hover 
	{ 
	    color: black; 
	    text-decoration: none; 
	}
	a:active 
	{ 
	    color: black; 
	    font-style: italic;
	    text-decoration: none; 
	}
 /*******************************************************************************/
    .menulink
    {
        text-decoration: none;
        color:#fafafa;    
        }
    a.menulink:link 
    { 
        color:#fafafa;    
    }		
	a.menulink:visited 
	{ 
        color:#fafafa;    
	}
	a.menulink:hover 
	{ 
        color:yellow;    
	}

	a.menulink:active 
	{ 
        color:#fafafa;    
	}
 /*******************************************************************************/
.popupdropdownbody
{
    position:absolute; 
    padding:5px 10px 5px 10px;
    min-width:120px;
    border:2px solid #dadada; 
    z-index:99999;
    display:none;
    background-color:Black;
    }
 /*******************************************************************************/
.liteAccordion {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    font: Calibri;/*Verdana, Arial, sans-serif;*/
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-tap-highlight-color: transparent;
}
.liteAccordion, .liteAccordion * { padding: 0; margin: 0; border: 0; box-sizing: content-box }
.liteAccordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.liteAccordion > ol > li { list-style-type: none }
.liteAccordion .slide > h2 {
    color: black;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden; /* fixes chrome bug */
    -webkit-transform: translateX(-100%) rotate(-90deg);
    -webkit-transform-origin: right top;
    -moz-transform: translateX(-100%) rotate(-90deg);
    -moz-transform-origin: right top;
    -o-transform: translateX(-100%) rotate(-90deg);
    -o-transform-origin: right top;
    transform: translateX(-100%) rotate(-90deg);
    transform-origin: right top;
}
.liteAccordion .slide > h2 span {
    display: block;
    padding-right: 8%;
    text-align:center ;
    height: 100%;/*90*/
    margin-top: 0px; /*5*/
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.liteAccordion .slide > h2 b {
    display: inline-block;
    position: absolute;
    top: 13%;t: 10%;
    text-align: center;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.liteAccordion .slide > h2:hover { cursor: pointer }
.liteAccordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: auto; background-color:#fefefe; }
.liteAccordion .ap-caption { padding: 10px 15px; position: absolute; bottom: 20px; right: 30px; z-index: 3; background: black;
    background: rgba(0,0,0,0.7); color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.liteAccordion noscript p { padding: 10px; margin: 0; background: white }

/****************************************** Basic */
/*here #333 is the vertical line colour for the accordion title thing*/
.liteAccordion.basic .slide > h2 { background: black; color: white; line-height: 225%;  }

.liteAccordion.basic .slide:nth-child(1) > h2 span, .liteAccordion.basic .slide:nth-child(1) > h2:after { background-color: #c25252;}
.liteAccordion.basic .slide:nth-child(2) > h2 span, .liteAccordion.basic .slide:nth-child(2) > h2:after { background-color: #ca9859; }
.liteAccordion.basic .slide:nth-child(3) > h2 span, .liteAccordion.basic .slide:nth-child(3) > h2:after { background-color: #96ba5f;}
.liteAccordion.basic .slide:nth-child(4) > h2 span, .liteAccordion.basic .slide:nth-child(4) > h2:after { background-color: #59abb7;}
.liteAccordion.basic .slide:nth-child(5) > h2 span, .liteAccordion.basic .slide:nth-child(5) > h2:after { background-color: #bb6098;}
/* transforms */
.liteAccordion.ie .slide > h2,
.liteAccordion.ie .slide > h2 span,
.liteAccordion.ie .slide > h2 b { filter: none; -ms-filter: none; -ms-transform: none }
.liteAccordion.ie7 .slide > h2 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) }
.liteAccordion.ie7 .slide > h2 b { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1) }
.liteAccordion.ie8 .slide > h2 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)" }
.liteAccordion.ie8 .slide > h2 b { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)" }
.liteAccordion.ie9 .slide > h2 { -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
.liteAccordion.ie9 .slide > h2 b { -ms-transform: rotate(90deg) }

/* misc */
.liteAccordion.ie7 .slide > h2 b, .liteAccordion.ie8 .slide > h2 b { top: 44%; left: 5% }
 /*******************************************************************************/
 .searchbox
 {
     float:left; 
     border:1px solid yellow;
     -webkit-border-radius: 4px; 
     -moz-border-radius: 4px; 
     border-radius: 4px;
     padding:0 4px 0 2px;
     
     }
  .searchText
  {
        background-color:#6699ff;
        color:#fafafa;
        font-size:16px; 
        background-color:#6699ff;
        width:300px;
      }