html {overflow:auto;}
/* All td's in the calendar */
table .calRow  td { width:14%; vertical-align:top; font-size:8pt; }

/* Calendar Headers */
table .calRow .calHeaderDayLabels                   {text-align:center; font-weight:normal;}
table .calRow .calDay         .calHeaderDay         {width:100%;}
table .calRow .calDayToday    .calHeaderDay         {width:100%;}
table .calRow .calDay         .calHeaderMonthYear   {float:right; padding-right:3px;}
table .calRow .calDay         .calHeaderDayNum      {float:left;  padding-left:3px;}
table .calRow .calDayToday    .calHeaderDayNum      {float:left;  padding-left:3px;}
table .calRow .calDayDisabled .calHeaderDisabledDay {color:#FFFFFF; background-color:#999999; width:100%; }

/* Calendar Day */ 
table .calRow .calDay          {background-color:#FFFFFF; padding-right:0px;}
table .calRow .calDayToday     {background-color:#F9DC84; padding-right:0px;}
table .calRow .calDayDisabled  {background-color:#CCCCCC; padding-right:0px; }

/* Add Event */
table .calRow td .calEventHeader {float:right; cursor:pointer; padding-right:3px; }
table .calRow td .calEvent {float:left; cursor:pointer;
                        width:100%;
                        height:13px;
                        margin-top: 1px;
                        margin-bottom: 1px;
                        overflow:hidden;
                       }

table .calRow td .calEventOneDay {float:left; 
                              cursor:pointer;
                              width:100%;
                              height:13px;
                              margin-top: 1px;
                              margin-bottom: 1px;
                              overflow:hidden;
                             }

.titleItem { display:none; }
.titleOver,.titleHover { display:inline-block; }
.minimized > div {display:none;}
.minimized > div.sizeWidget {display:inline-block;}

.widgetBody    { display:block; border-top: 1px solid #567491; padding:0;}



/*.sizeWidgetMax
{
  background-position:-18px -194px;
} */
.widgetControls {
  /* background: url("/webspeed/backgrounds_sprite.png") repeat-x scroll 0 -1px #FFFFFF; */
  white-space:nowrap;
}
.widgetControls > div {
  margin:5px 2px;
  cursor:pointer;
  width:12px;
  height:12px;
  background-image:url('/webspeed/skyport.png');
  background-repeat:no-repeat;
}
.refreshWidget { background-position:-226px -194px;}
.infoWidget { background-position:-18px -146px;}
.optionsWidget { background-position:-66px -194px; }
.deleteWidget { background-position:-34px -194px; }
.sizeWidget { background-position:-18px -194px; }

/* Footer */

#myP{
line-height:28px;
}


/* Widget */

div .widgetContainer {
color:#000000; 
font-size:8pt; 
border:1px solid #567491; 
z-index:5; 
margin-bottom:10px; 
height:auto;
-moz-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
background-color:#FFFFFF;
}
.BrowseTitle {
/*
-moz-border-radius-topright:2px;
-moz-border-radius-topleft:2px; 
-webkit-border-top-left-radius:2px; 
-webkit-border-top-right-radius:2px;
-khtml-border-top-left-radius: 2px; 
-khtml-border-top-right-radius: 2px;
border-top-left-radius: 2px; 
border-top-right-radius: 2px; 
*/
}
.BrowseTitle a {
color:#FFFFFF;
font-size:13px;
font-weight:normal;
font-family:arial;
padding: 3px 6px;
display:block;
}

/*div .widgetContainer { } */
div .widgetContainer a {}
div .widgetHeader    { font-weight:bold;}
div .widgetDrop{border:1px dashed #999999; 
       -moz-border-radius:2px; 
       -khtml-border-radius:2px;
       border-radius:2px; 
       padding-right:1px; 
       padding-left:1px;
       background-color:#FFFFFF;
}


/* Main Tabs */
ul.tabs         { list-style-type: none; padding: 0; margin: 0;}
ul.tabs li      { 
height:20px;  
float: left; 
padding: 0px; 
margin: 0px; 
opacity:1; 
filter: alpha(opacity=100);
} 
ul.tabs li.skyTab {
background-color: #C7D5E3;
border-right: 1px solid #FFFFFF;
}
ul.tabs li.tabSel { 
        background-color: #87A7C4;
        border-bottom: 1px solid #87A7C4;
        border-right: 1px solid #FFFFFF;
        border-style: solid;
        border-width: 0 1px 1px 0;
} 
ul.tabs li.skyTab a {
color: #2C5E90;
}
ul.tabs li.tabSel a {
color: #FFFFFF;
text-shadow: 0 1px 1px #536677;
}
li.roundRight, li.roundRight a {
-moz-border-radius-topright:12px;
-webkit-border-top-right-radius:12px;
-khtml-border-top-right-radius:12px;
border-top-right-radius:12px;
}
li.roundLeft, li.roundLeft a {
-moz-border-radius-topleft:12px;
-webkit-border-top-left-radius:12px;
-khtml-border-top-left-radius:12px;
border-top-left-radius:12px;
}
ul.tabs li {
padding-top:4px;
}
                  
.dragOverTab   {color:#000000; background-color:#FFD800; border-color:#2d1a40;}

ul.tabs .tabSel a { display: block; padding: 0px 10px; text-decoration: none; font-size:12pt; font-weight: bold;  } 
ul.tabs li a    { display: block; padding: 0px 10px; text-decoration: none; font-size:12pt; font-weight: normal;  }

p {margin:0px; }

button {cursor:pointer;}

button td { font-size:13px !important;white-space:nowrap;}
div.skyportSystems a {
    display: block;
    font-family: arial;
    font-size: 13px;
    line-height: 15px;
    margin: 2px 0 2px 4px !important;
    padding: 3px 7px 3px 25px !important;
    text-decoration: none;
}
div.skyportSystems a:hover {
    text-decoration:underline;
}
#skyportRecent a {
    margin: 0 0 0 4px !important;
    padding: 2px 7px 2px 25px !important;
}
#favMenuItems a.favNewWindow {
    width:20px!important;
}
.skyportSystems a.system_selected {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold;
}
#skyportContent {
margin-top: 0;
margin-bottom: 3px;
padding-top: 0;
width: 100%;
}
#skyportContent #favMenuItems {
    max-height:300px;
}
.calendarArea {
background-color: #567592;
border-top: 1px solid #D9E7F5;
}
a.themeDark {
background-color: #384C66;
}
a.themeMedium {
background-color: #87A7C4;
}
.footer {
background:url("/webspeed/nav_bg_sprite.png") repeat-x scroll 0 -40px transparent!important;
border-bottom: 1px solid #8090A6;
border-top: 1px solid #8090A6;
color:#FFFFFF!important;
}
.footer, .push { height: 28px; }
.footer {bottom:0;color:#D6E6FF;position:absolute;text-align:center;vertical-align:middle;width:100%;z-index:2;}

#footerLinks {
display: table;
list-style: none outside none;
margin: 5px auto auto;
padding: 0;
}
#footerLinks td {
background: url("/webspeed/utilarea_sprite.png") no-repeat scroll right bottom transparent;
height: 19px;
padding: 0 10px;
vertical-align: middle;
}
#footerLinks td.last {
background:none repeat scroll 0 0 transparent;
}
#footerLinks td > a {
color: #FFFFFF!important; 
text-shadow: 0 1px 1px #536677;
}
.widgetHeaderWrap {
    height: 22px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: 100%;
}
.widgetHeaderWrap a {
    left: 0;
    position: absolute;
    top: 0;
}
.expanderOpen {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url("/webspeed/arrows_sprite.png");
    background-origin: padding-box;
    background-position: 1px -90px;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 13px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 13px;
    display:block;
}
.expanderClosed {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url("/webspeed/arrows_sprite.png");
    background-origin: padding-box;
    background-position: 2px 1px;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 13px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 13px;
    display:block;
}
.singleSystem {
    border:1px solid #969696 !important;
}
.singleSystem .widgetBody {
    border-top:1px solid #F8F8F8;
    text-align:center;
    background:#E3E3E3;
    background:-moz-linear-gradient(top, #E3E3E3 0%, #F9F9F9 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#E3E3E3), color-stop(100%,#F9F9F9));
    background:-webkit-linear-gradient(top, #E3E3E3 0%,#F9F9F9 100%);
    background:-o-linear-gradient(top, #E3E3E3 0%,#F9F9F9 100%);
    background:-ms-linear-gradient(top, #E3E3E3 0%,#F9F9F9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3E3E3', endColorstr='#F9F9F9',GradientType=0);
    background:linear-gradient(top, #E3E3E3 0%,#F9F9F9 100%);
}
.singleSystem .widgetBody a {
    color: #333333;
    display: inline-block;
    font-size: 20px;
    margin: 12px !important;
    white-space:nowrap;
}
#m119add a {
    font-size:12px;
    text-decoration:none;
}
#m119add a:hover {
    text-decoration:underline;
}
#skyportContent div.dashBody a {
    display: block;
    font-family: arial;
    font-size: 13px;
    line-height: 15px;
    margin: 1px 0 1px 4px !important;
    padding: 3px 7px 3px 5px !important;
    text-decoration: none;
}
#skyportContent div.dashBody a:hover {
    text-decoration:underline;
}
#skyportContent .skyportSystems a.favNewWindow {
    margin: 0 !important;
    padding: 0 !important;
}
.dashBody .systemItem .favNewWindow {
    background-position: 0 -544px;
}
.dashFooter {
    background-color: #EFEFEF;
    border-top: 1px solid #C8C8C8;
    margin-top: 4px;
    padding: 2px 8px;
    position: relative;
    text-align: right;
}
.dashFooter  a {
    font-size:12px;
}
.dashFooter a:hover {
    text-decoration:underline;
}
a.active {
    text-decoration:none;
    cursor:pointer;
}
a.active:hover {
    text-decoration:underline;
}
table .headerCell {height: 21px;}
table .headerCell, div.skyportHeaderWrap{background-color:#F3F3F3!important;font-family:arial;font-weight:bold;color:#444444;font-size:12px;border-color:#87A7C4!important;border-width:0 0 1px 0;border-style:solid;}
div.skyportHeaderWrap table .headerCell {border:none}
table .headerCell > div {padding:3px 9px;}
.noResults {
    color: #666666;
    font-style: italic;
    padding: 6px!important;
    font-size:12px;
}
.widgetCaption {
    background-color: #EDEDED;
    border-bottom: 1px solid #D2D2D2;
    padding: 5px;
}
.widgetColumn {
    display: block;
    float: left;
    min-width: 230px;
    width: 33%;
}
.widgetColumn > div {
    margin-left:10px;
}
div.navMenuWrap[data-system='sephom01.w'] .favNewWindow, #pageHeaderWrap.hideSystems div.nav_searchWrap{display:block}
