/****************************** AppMaster ****************************/
.NodeEdit {
border: 1px gray solid;
font-family: tahoma;
font-size: 11px;
}
input[type="checkbox"] {
border: 0px !important;
}
/****************************** Component ****************************/
/* Decorated Panel */
.decoratedpanel .topleft {
width: 12px;
background: #fff url(../Images/table/topleft.png) no-repeat;
}
.decoratedpanel .top {
height: 36px;
font-weight: bold;
padding: 0 8px;
color: #fff;
background: #fff url(../Images/table/top.png) repeat-x;
}
.decoratedpanel .topright {
width: 12px;
background: #fff url(../Images/table/topright.png) no-repeat;
}
.decoratedpanel .left {
border-left: solid 5px black;
}
.decoratedpanel .right {
border-right: solid 5px black;
}
.decoratedpanel .bottomleft {
width: 12px;
background: #fff url(../Images/table/bottomleft.png) no-repeat;
}
.decoratedpanel .bottom {
height: 12px;
background: #fff url(../Images/table/bottom.png) repeat-x;
}
.decoratedpanel .bottomright {
width: 12px;
background: #fff url(../Images/table/bottomright.png) no-repeat;
}
.dialogmessagespanel {
float: right;
width: 300px;
}
.dialogmessagespaneltable {
margin: 0px;
background-color: White;
border: 1px outset #57566F;
font-size: 12px;
top: 0px;
width: 300px;
}
.dialogmessagespaneltable .top {
display: none;
}
.dialogmessagespaneltable ul {
font-size: 12px;
list-style-type: square;
}
.dialogmessagespaneltable li {
font-size: 12px;
}
.GridViewHeadingRow {
background-color: #E9E9EB;
background-image: url(../images/grid/header_rowBg.gif);
}
.GridViewHeadingRow th {
font-family: verdana;
font-size: 10px;
font-weight: bold;
text-align: left;
color: #000000;
background-image: url(../images/grid/header_bg.gif);
background-color: #E9E9EB;
padding: 5px;
padding-top: 2px;
padding-bottom: 2px;
}
.GridViewHeadingRow th a {
color: #000000;
}
.GridViewRow {
background-color: #FFFFFF;
cursor: default;
}
.GridViewRow td {
padding: 2px 3px 1px 3px;
border-bottom: 1px solid #BFDBF5;
font-family: verdana;
font-size: 10px;
color: #000000;
}
/* Grid */
.Grid {
border: 1px solid #57566F;
border-bottom: 2px solid #57566F;
background-color: #FFFFFF;
cursor: pointer;
}
.GridData {
border: 0px;
border-left: 5px solid black;
border-right: 5px solid black;
height: 337px;
}
.GridDataNoBorder {
border: 0px;
height: 337px;
}
.GridFooter {
background-image: url(../images/grid/grid_footer_bg.gif);
cursor: default;
padding: 5px;
height: 40px;
vertical-align: bottom;
border: 0px;
border-left: 5px solid black;
border-right: 5px solid black;
}
.GridFooterNoBorder {
background-image: url(../images/grid/grid_footer_bg.gif);
cursor: default;
padding: 5px;
height: 40px;
vertical-align: bottom;
border: 0px;
}
.GridFooterText {
color: #000000;
font-family: verdana;
font-size: 11px;
}
.HeadingRow {
background-color: #E9E9EB;
background-image: url(../images/grid/header_rowBg.gif);
}
.HeadingCell {
background-image: url(../images/grid/header_bg.gif);
background-color: #E9E9EB;
padding: 5px;
padding-top: 2px;
padding-bottom: 2px;
}
.HeadingCellHover {
background-image: url(../images/grid/header_hoverBg.gif);
background-color: #F6F6F7;
}
.HeadingCellActive {
background-image: url(../images/grid/header_activeBg.gif);
background-color: #F6F6F7;
}
.HeadingRow td.FirstHeadingCell {
background-image: url(../images/grid/header_bg.gif);
}
.HeadingCellText {
font-family: verdana;
font-size: 10px;
font-weight: bold;
text-align: left;
color: #000000;
padding-top: 3px;
padding-bottom: 5px;
}
.Row {
background-color: #FFFFFF;
cursor: default;
}
.Row td.DataCell, .FormattedRow td.DataCell {
padding: 2px 3px 1px 3px;
border-bottom: 1px solid #BFDBF5;
font-family: verdana;
font-size: 10px;
}
.Row td.DataCell {
color: #000000;
}
.FormattedRow {
cursor: default;
}
.SortedDataCell {
background-color: #F5F5F5;
}
.Row td.LastDataCell {
background-color: #EFEFF4;
}
.SelectedRow td.DataCell {
background-image: url(../images/grid/grid_selected_item_bg.gif);
padding: 2px 2px 1px 3px;
font-family: verdana;
font-size: 10px;
color: #000000;
border-bottom: 1px solid #BFDBF5;
border-right: 0px;
}
.SelectedRow td.FirstDataCell {
border-left: 1px solid #4B4B6F;
border-right: 0px;
padding-left: 2px;
padding-right: 3px;
}
.SelectedRow td.LastDataCell {
border-right: 1px solid #4B4B6F;
}
.GroupHeading {
color: #706F91;
background-color: #FFFFFF;
font-family: verdana;
font-weight: bold;
font-size: 11px;
border-bottom: 2px solid #A5A4BD;
padding-top: 10px;
padding-bottom: 3px;
}
.GroupByCell {
cursor: pointer;
}
.GroupByText {
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
padding-right: 5px;
}
.IndentCell {
border-right: 0px;
background: #a9c7f4;
height: 20px;
}
.SliderPopup {
background-color: #ffffff;
border: 1px solid #4B4B6F;
border-top-color: #9495A2;
border-left-color: #9495A2;
font-size: 11px;
font-family: Verdana;
color: #000000;
}
/* Telerik RadPanel */
.RadPanelBar .rpLink {
width: 100%;
}
.RadPanelBar .rpRootGroup {
width: 350px;
float: left;
}
/* Dialog */
a.btn {
margin: 4px 0 0 0;
width: 70px;
height: 25px;
background: transparent url("../Images/Dialog/static.png") no-repeat -41px 0;
display: block;
padding: 0;
text-decoration: none;
cursor: default;
float: right;
}
a.btn span {
width: 70px;
text-align: center;
display: block;
background-color: transparent;
color: #333;
line-height: 24px;
padding: 0;
}
a.btn:hover {
background-position: -41px -25px;
}
a.btn:hover span {
color: #000;
}
a.btn:active {
outline: none;
}
a.btn:active span {
padding-top: 1px;
}
.ttl {
width: 100%;
height: 38px;
cursor: move;
}
.ttl a {
margin-top: 4px;
display: block;
float: right;
width: 23px;
height: 21px;
background: transparent url("../Images/Dialog/static.png") no-repeat -18px 0;
cursor: default;
}
.ttl a:hover {
background-position: -18px -21px;
}
.ttl a:active {
background-position: -18px -42px;
outline: none;
}
.ttlt {
width: 100%;
height: 30px;
}
.ttlt-l {
width: 9px;
height: 30px;
background: transparent url("../Images/Dialog/static.png") no-repeat;
float: left;
}
/* ttlt-m width is dialogue width (450px) - 18px (the left & right divs are 9px each) */
.ttlt-m {
width: 432px;
height: 30px;
background: #000 url("../Images/Dialog/horizontal.png") repeat-x;
float: left;
}
.ttlt-r {
width: 9px;
height: 30px;
background: transparent url("../Images/Dialog/static.png") no-repeat -9px 0;
float: left;
}
.ttlt span {
cursor: inherit;
margin-left: 4px;
line-height: 30px;
color: #fff;
font-weight: bold;
font-family: Tahoma, "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
}
.w250 {
width: 250px !important;
}
.w300 {
width: 300px !important;
}
.w780 {
width: 780px !important;
}
.w940 {
width: 940px !important;
}
.w950 {
width: 950px !important;
}
.w960 {
width: 960px !important;
}
.w1004 {
width: 1004px !important;
}
.h300 {
height: 300px !important;
}
.h400 {
height: 400px !important;
}
.ttlb {
width: 100%;
height: 8px;
}
.ttlb span {
display: none;
}
.ttlb-l {
width: 9px;
height: 8px;
background: #000 url("../Images/Dialog/static.png") no-repeat 0 -30px;
float: left;
}
/* ttlb-m width is dialogue width (450px) - 18px (the left & right divs are 9px each) */
.ttlb-m {
width: 432px;
height: 8px;
background: #fff url("../Images/Dialog/horizontal.png") repeat-x 0 -67px;
float: left;
}
.ttlb-r {
width: 9px;
height: 8px;
background: #000 url("../Images/Dialog/static.png") no-repeat -9px -30px;
float: left;
}
.tabbed .ttlb-l {
background-position: 0 -38px;
}
.tabbed .ttlb-m {
background-position: 0 -75px;
}
.tabbed .ttlb-r {
background-position: -9px -38px;
}
/* Tabstrip */
.ts {
width: 100%;
height: 29px;
background-color: #eee;
font-family: Tahoma, "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
}
.ts-l {
float: left;
width: 9px;
height: 29px;
background: #000 url("../Images/Dialog/static.png") no-repeat 0 -46px;
}
.ts-m {
float: left;
width: 432px;
height: 29px;
background: #eee url("../Images/Dialog/horizontal.png") repeat-x 0 -83px;
}
.ts a {
width: 79px;
height: 29px;
color: #666;
cursor: default;
display: block;
float: left;
text-decoration: none;
line-height: 29px;
margin: 0;
padding: 0;
}
.ts a.tab {
background: transparent url("../Images/Dialog/static.png") no-repeat -111px 0;
}
.ts a.tab:hover {
color: #444;
background-position: -111px -29px;
}
.ts a.tab:active {
color: #444;
background-position: -111px -87px;
outline: none;
padding-top: 1px;
height: 28px;
}
.ts a.tab-sel {
cursor: default;
display: block;
float: left;
width: 79px;
height: 29px;
color: #000;
background: transparent url("../Images/Dialog/static.png") no-repeat -111px -58px;
}
.ts a.tab-sel:active {
outline: none;
}
.ts a span {
display: block;
float: left;
margin: 7px 0 0 4px;
line-height: 16px;
}
.ts img.icon {
width: 16px;
height: 16px;
float: left;
border: 0;
margin: 7px 0 0 8px;
background: transparent url("../Images/Dialog/static.png") no-repeat;
display: block;
_margin-left: 4px;
}
/* that last identifier is IE6-specific */
.ts img.image {
background-position: -18px -63px;
}
.ts img.flash {
background-position: -18px -79px;
}
.ts img.video {
background-position: -18px -95px;
}
.ts-r {
float: left;
width: 9px;
height: 29px;
background: #000 url("../Images/Dialog/static.png") no-repeat -9px -46px;
}
/* Dialog contents */
.con {
width: 100%;
height: 100px;
background-color: #fff;
font-family: Tahoma, "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size: 11px; /*background-image:url('../Images/ajax-loader.gif');background-position:center;background-repeat:no-repeat;*/
}
.con-l {
width: 9px;
height: 100%;
background: #000 url("../Images/Dialog/vertical.png") repeat-y;
float: left;
}
/* con-m width is dialogue width (450px) - 18px (the left & right divs are 9px each) */
.con-m {
width: 432px;
height: 100%;
background-color: #fff;
float: left;
}
.con-m .top {
margin-top: 2px;
}
.con-r {
width: 9px;
height: 100%;
background: #000 url("../Images/Dialog/vertical.png") repeat-y -9px 0;
float: left;
}
.ftr {
width: 100%;
height: 37px;
font-family: Tahoma, "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
}
.ftr-l {
width: 9px;
height: 37px;
background: transparent url("../Images/Dialog/static.png") no-repeat 0 -75px;
float: left;
}
/* ftr-m width is dialogue width (450px) - 18px (the left & right divs are 9px each) */
.ftr-m {
width: 432px;
height: 37px;
background: #eee url("../Images/Dialog/horizontal.png") repeat-x 0 -30px;
float: left;
}
.ftr-r {
width: 9px;
height: 37px;
background: transparent url("../Images/Dialog/static.png") no-repeat -9px -75px;
float: left;
}
/* Menu */
.MenuContainer {
background-color: #000;
background-image: url(../Images/menu/top_groupBg.gif);
background-repeat: repeat-x; /*border:1px solid #000;*/
}
.TopGroup {
background-color: #000;
background-image: url(../Images/menu/top_groupBg.gif);
cursor: default;
}
.MenuGroup {
background-color: #f6f6f6;
border: 1px solid #666;
cursor: default;
}
.TopMenuItem {
color: white;
font-family: tahoma;
font-size: 12px;
font-weight: bold;
padding: 20px;
cursor: default;
}
.TopMenuItemHover {
color: white;
background-image: url(../Images/menu/top_itemHoverBg.gif);
background-color: #b9b9b9;
font-family: tahoma;
font-size: 12px;
font-weight: bold;
cursor: default;
}
.MenuItem {
border: 1px solid #f6f6f6;
color: #666;
font-family: tahoma;
font-size: 11px;
cursor: default;
}
.MenuItemHover {
margin: 0;
background: #fff url("../Images/menu/itemHoverBg.gif") repeat-x;
color: #000;
border: 1px solid #ccc;
border-right-color: #b9b9b9;
border-bottom-color: #b9b9b9;
font-family: tahoma;
font-size: 11px;
cursor: default;
}
.MenuItemExpanded {
margin: 0;
background: #fff url("../Images/menu/itemHoverBg.gif") repeat-x;
color: #000;
border: 1px solid #ccc;
border-right-color: #b9b9b9;
border-bottom-color: #b9b9b9;
font-family: tahoma;
font-size: 11px;
cursor: default;
}
.MenuItemActive {
margin: 0;
background: #fff url("../Images/menu/itemActiveBg.gif") repeat-x;
color: #454545;
border: 1px solid #ddd;
border-right-color: #ccc;
border-bottom-color: #ccc;
font-family: tahoma;
font-size: 11px;
cursor: default;
}
.MenuBreak {
background-color: silver;
width: 100%;
height: 2px;
}
.SetMarginsHover {
margin: 0;
background: #fff url("../Images/menu/setMarginsHoverBg.gif") repeat-x;
color: #000;
border: 1px solid #ccc;
border-right-color: #b9b9b9;
border-bottom-color: #b9b9b9;
font-family: tahoma;
font-size: 11px;
cursor: default;
}
.SetMarginsActive {
margin: 0;
background: #fff url("../Images/menu/setMarginsActiveBg.gif") repeat-x;
color: #454545;
border: 1px solid #ddd;
border-right-color: #ccc;
border-bottom-color: #ccc;
font-family: tahoma;
font-size: 11px;
cursor: default;
}
.ScrollItem {
background-color: #eee;
color: #666;
border: 1px solid #ccc;
text-align: center;
cursor: default;
}
.ScrollItemH {
background-color: #eee;
color: #000;
border: 1px solid #ccc;
border-right-color: #b9b9b9;
border-bottom-color: #b9b9b9;
text-align: center;
cursor: default;
}
.ScrollItemA {
color: #454545;
background-color: #fff;
border: 1px solid #ddd;
border-right-color: #ccc;
border-bottom-color: #ccc;
text-align: center;
cursor: default;
}
/* Tree */
.TreeView {
background-color: White;
padding-top: 4px;
padding-left: 1px;
border: #7C7C94 1px solid;
cursor: default;
}
.TreeNode, .GrayedTreeNode, .HoverTreeNode, .SelectedTreeNode, .CheckedTreeNode, .HighlightedTreeNode, .NodeNonSelectable {
padding: 2px 3px 1px 3px;
font-family: tahoma;
font-size: 11px;
}
.GrayedTreeNode {
color: gray;
cursor: default;
}
.HoverTreeNode {
text-decoration: underline;
cursor: pointer !important;
}
.SelectedTreeNode {
background-color: gray;
color: white;
cursor: default;
}
.CheckedTreeNode {
background-color: Lime;
color: black;
cursor: default;
}
.HighlightedTreeNode {
font-weight: bold;
color: black;
cursor: default;
}
.NodeNonSelectable {
text-decoration: none;
}
/* Progress panel */
.ProgressPanel {
width: 100%;
height: 100%;
background: url(../Images/TranslucentBackground.png) repeat center;
display: none;
margin-top: auto;
margin-bottom: auto;
}
/* Navbar styles */
.nb {
width: 320px;
background: transparent url("../images/navbar/static.png") no-repeat -210px 0;
padding-top: 5px;
}
.nb-item, .nb-item-h {
font-family: Tahoma, "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #fff;
cursor: default;
}
.nb-item .top, .nb-item-h .top {
height: 30px;
width: 310px;
background: transparent url("../images/navbar/navbarItem.png") no-repeat;
line-height: 30px;
font-weight: bold;
margin: 0 5px;
}
.nb-item-h .top {
background: transparent url("../images/navbar/navbarItemHighlight.png") no-repeat;
}
.nb-item .nb-sub, .nb-item-h .nb-sub {
width: 310px;
height: 25px;
background-color: #e3e3e3;
color: #666;
margin: 0 5px;
line-height: 25px;
}
.nb-item-h .nb-sub {
background: #e3e3e3 url("../images/navbar/navbarSubitem.png") no-repeat;
color: #000;
}
.nb-sub-t {
padding: 0;
margin: 0 5px;
width: 310px;
height: 5px;
background: transparent url("../images/navbar/static.png") no-repeat 0 -60px;
}
.nb-sub-b {
padding: 0;
margin: 0;
width: 320px;
height: 8px;
background: transparent url("../images/navbar/static.png") no-repeat -210px -315px;
}
.nb-icon {
float: left;
width: 16px;
height: 16px;
background: transparent url("../images/navbar/icons.png") no-repeat;
}
.nb-sub .nb-icon {
margin: 4px 8px 0 12px;
}
.nb-noIcon {
float: left;
width: 16px;
height: 16px;
}
.nb-note {
background-position: 0 -32px;
}
/* assessment grid */
.assessYes {
color: Green;
}
.assessYesBut {
color: #FF9900;
}
.assessNo {
color: Red;
}
.assessNone {
color: Black;
}
.gridBold {
font-weight: bold;
}
.assessmentTable td.tableCell {
padding-bottom: 10px;
padding-top: 7px;
}
.assessmentTable td.tableCellHeader {
padding-bottom: 5px;
padding-top: 5px;
font-weight: bold;
border-bottom: solid 1px #000000;
}
.div300 {
width: 300px;
height: 150px;
background-color: #FFFFFF;
}
.pad20 {
padding-top: 20px;
text-align: center;
vertical-align: middle;
}
.divButtons {
text-align: center;
padding-top: 30px;
}
.divButtons2 {
width: 350px;
height: 200px;
background-color: #FFFFFF;
}
.divCenter {
text-align: center;
}
.title-box {
position: relative;
margin: 8px 4px 8px 4px;
border: .1em solid #C0C0C0;
padding: 8px;
clear: right;
float: left;
}
.title-box-title {
border-style: none;
border-color: inherit;
position: absolute;
display: inline;
border-width: 0 0em 0 0em;
padding: 0 .5em;
top: -.6em;
left: 1em;
background-color: white;
}
div.tooltip-info {
    background: url("../Images/info-small.png") no-repeat;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
}
/******************************  ****************************/
a.btn {
margin: 4px 0 0 0;
width: 70px;
height: 25px;
background: transparent url("../Images/Dialog/static.png") no-repeat -41px 0;
display: block;
padding: 0;
text-decoration: none;
cursor: default;
float: right;
}
a.btn span {
width: 70px;
text-align: center;
display: block;
background-color: transparent;
color: #333;
line-height: 24px;
padding: 0;
}
a.btn:hover {
background-position: -41px -25px;
}
a.btn:hover span {
color: #000;
}
a.btn:active {
outline: none;
}
a.btn:active span {
padding-top: 1px;
}
/* Dialogue titlebar */
.ttl {
width: 100%;
height: 38px;
cursor: default;
}
/* Close button */
.ttl a {
margin-top: 4px;
display: block;
float: right;
width: 23px;
height: 21px;
background: transparent url("../Images/Dialog/static.png") no-repeat -18px 0;
cursor: default;
}
.ttl a:hover {
background-position: -18px -21px;
}
.ttl a:active {
background-position: -18px -42px;
outline: none;
}
.ttlt {
width: 100%;
height: 30px;
}
.ttlt-l {
width: 9px;
height: 30px;
background: transparent url("../Images/Dialog/static.png") no-repeat;
float: left;
}
/* ttlt-m width is dialogue width (450px) - 18px (the left & right divs are 9px each) */
.ttlt-m {
width: 432px;
height: 30px;
background: #000 url("../Images/Dialog/horizontal.png") repeat-x;
float: left;
}
.ttlt-r {
width: 9px;
height: 30px;
background: transparent url("../Images/Dialog/static.png") no-repeat -9px 0;
float: left;
}
.ttlt span {
cursor: inherit;
margin-left: 4px;
line-height: 30px;
color: #fff;
font-weight: bold;
font-family: Tahoma, "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
}
.ttlb {
width: 100%;
height: 8px;
}
.ttlb span {
display: none;
}
.ttlb-l {
width: 9px;
height: 8px;
background: #000 url("../Images/Dialog/static.png") no-repeat 0 -30px;
float: left;
}
/* ttlb-m width is dialogue width (450px) - 18px (the left & right divs are 9px each) */
.ttlb-m {
width: 432px;
height: 8px;
background: #fff url("../Images/Dialog/horizontal.png") repeat-x 0 -67px;
float: left;
}
.ttlb-r {
width: 9px;
height: 8px;
background: #000 url("../Images/Dialog/static.png") no-repeat -9px -30px;
float: left;
}
.tabbed .ttlb-l {
background-position: 0 -38px;
}
.tabbed .ttlb-m {
background-position: 0 -75px;
}
.tabbed .ttlb-r {
background-position: -9px -38px;
}
/* 'Tabstrip' styles */
.ts {
width: 100%;
height: 29px;
background-color: #eee;
font-family: Tahoma, "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
}
.ts-l {
float: left;
width: 9px;
height: 29px;
background: #000 url("../Images/Dialog/static.png") no-repeat 0 -46px;
}
.ts-m {
float: left;
width: 432px;
height: 29px;
background: #eee url("../Images/Dialog/horizontal.png") repeat-x 0 -83px;
}
.ts a {
width: 79px;
height: 29px;
color: #666;
cursor: default;
display: block;
float: left;
text-decoration: none;
line-height: 29px;
margin: 0;
padding: 0;
}
.ts a.tab {
background: transparent url("../Images/Dialog/static.png") no-repeat -111px 0;
}
.ts a.tab:hover {
color: #444;
background-position: -111px -29px;
}
.ts a.tab:active {
color: #444;
background-position: -111px -87px;
outline: none;
padding-top: 1px;
height: 28px;
}
.ts a.tab-sel {
cursor: default;
display: block;
float: left;
width: 79px;
height: 29px;
color: #000;
background: transparent url("../Images/Dialog/static.png") no-repeat -111px -58px;
}
.ts a.tab-sel:active {
outline: none;
}
.ts a span {
display: block;
float: left;
margin: 7px 0 0 4px;
line-height: 16px;
}
.ts img.icon {
width: 16px;
height: 16px;
float: left;
border: 0;
margin: 7px 0 0 8px;
background: transparent url("../Images/Dialog/static.png") no-repeat;
display: block;
_margin-left: 4px;
}
/* that last identifier is IE6-specific */
.ts img.image {
background-position: -18px -63px;
}
.ts img.flash {
background-position: -18px -79px;
}
.ts img.video {
background-position: -18px -95px;
}
.ts-r {
float: left;
width: 9px;
height: 29px;
background: #000 url("../Images/Dialog/static.png") no-repeat -9px -46px;
}
/* Dialogue contents */
.con {
width: 100%;
height: 100px;
background-color: #fff;
font-family: Tahoma, "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size: 11px; /*background-image:url('../Images/ajax-loader.gif');background-position:center;background-repeat:no-repeat;*/
}
.con-l {
width: 9px;
height: 100%;
background: #000 url("../Images/Dialog/vertical.png") repeat-y;
float: left;
}
/* con-m width is dialogue width (450px) - 18px (the left & right divs are 9px each) */
.con-m {
width: 432px;
height: 100%;
background-color: #fff;
float: left;
}
.con-m .top {
margin-top: 2px;
}
.con-r {
width: 9px;
height: 100%;
background: #000 url("../Images/Dialog/vertical.png") repeat-y -9px 0;
float: left;
}
/* Dialogue footer */
.ftr {
width: 100%;
height: 7px;
font-family: Tahoma, "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
}
.ftr-l {
width: 9px;
height: 7px;
background: transparent url("../Images/Dialog/static.png") no-repeat 0 -105px;
float: left;
}
/* ftr-m width is dialogue width (450px) - 18px (the left & right divs are 9px each) */
.ftr-m {
width: 432px;
height: 7px;
background: #eee url("../Images/Dialog/horizontal.png") repeat-x 0 -60px;
float: left;
}
.ftr-r {
width: 9px;
height: 7px;
background: transparent url("../Images/Dialog/static.png") no-repeat -9px -105px;
float: left;
}
/****************************** Form ****************************/
div.formRow {
clear: both;
padding-top: 4px;
}
div.formRow span.formLabel, div.formRow span.formLabel100, div.formRow span.formLabel120, div.formRow span.formLabel130, div.formRow span.formLabel150, div.formRow span.formLabel160, div.formRow span.formLabel170, div.formRow span.formLabel180, div.formRow span.formLabel190, div.formRow span.formLabel200, div.formRow span.formLabel250, div.formRow span.formLabel300, div.formRow span.formLabel400, div.formRow span.formLabel500, div.formRow span.formLabel700 {
float: left;
text-align: left;
vertical-align: middle;
padding-right: 12px;
padding-top: 6px;
}
div.formRow span.formLabel {
width: 200px;
}
div.formRow span.formLabel50 {
width: 50px;
}
div.formRow span.formLabel100 {
width: 100px;
}
div.formRow span.formLabel120 {
width: 120px;
}
div.formRow span.formLabel130 {
width: 130px;
}
div.formRow span.formLabel150 {
width: 150px;
}
div.formRow span.formLabel160 {
width: 160px;
}
div.formRow span.formLabel170 {
width: 170px;
}
div.formRow span.formLabel180 {
width: 180px;
}
div.formRow span.formLabel190 {
width: 190px;
}
div.formRow span.formLabel200 {
width: 200px;
}
div.formRow span.formLabel250 {
width: 250px;
}
div.formRow span.formLabel300, #LeaveCurrent span.formLabel {
width: 305px;
}
div.formRow span.formLabel400 {
width: 400px;
}
div.formRow span.formLabel500 {
width: 500px;
}
div.formRow span.formLabel700 {
width: 700px;
}
div.formRow span.formElement {
float: left;
min-width: 200px;
text-align: left;
vertical-align: middle;
}
div.formRow .formElementInline {
display: inline;
padding-right: 10px;
}
div.formRow .formElementInline .field2 {
display: inline;
}
div.formRow .formElementInline .field2 div.calendar {
float: left;
}
.formContainer {
padding: 5px;
}
.formFields {
margin: 5px;
clear: both;
}
.formButtons {
float: left;
padding: 5px;
text-align: left;
}
div.spacer {
clear: both;
}
div.formButtons {
float: right;
}
div.formRow div.PadRightLabel, div.formRow div.PadRightLabel200, div.formRow div.PadRightElement, div.formRow div.PadRightElement175 {
float: left;
padding-right: 10px;
}
div.formRow div.PadRightLabel {
width: 150px;
}
div.formRow div.PadRightLabel200 {
width: 200px;
}
div.formRow div.PadRightElement175 {
width: 175px;
}
div.spacer {
clear: both;
}
div.formButtons {
float: right;
}
div.formButtons span.formButton {
text-align: right;
padding: 6px;
}
.field span input {
width: 188px;
border: none; /* background: transparent url("../Images/input/static.png") no-repeat 0 100px; */
margin: 0;
padding: 5px 4px 6px 8px;
font: 12px Tahoma,Verdana,Arial,Helvetica,sans-serif;
position: absolute;
top: 0;
}
.field span.empty, .field span.focused, .field span.valid, .field span.invalid, .field span.disabled {
float: left;
width: 226px;
height: 25px;
line-height: 25px;
padding: 0; /* background: transparent url("../Images/input/static.png") no-repeat right -50px; */
margin: 0;
position: relative;
}
.field span.empty input {
color: #666;
font-style: italic;
background-position: 0 -50px;
}
.field span.focused input {
font-style: normal;
background-position: 0 -50px;
}
.field span.valid {
/*  background: transparent url("../Images/input/static.png") no-repeat right -75px; */
}
.field span.valid input {
font-style: normal;
background-position: 0 -75px;
}
.field span.invalid {
/*  background: transparent url("../Images/input/static.png") no-repeat right -100px;*/
}
.invalid {
/*  background: transparent url("../Images/input/static.png") no-repeat right -100px; */
}
.field span.invalid input {
color: #d00;
font-style: normal;
background-position: 0 -100px;
}
.field span.disabled {
/*  background: transparent url("../Images/input/static.png") no-repeat right -25px; */
}
.field span.disabled input {
color: #999;
font-style: normal;
background-position: 0 -25px;
}
.field2 span.disabled input {
background-color: #eeeeee;
}
.field2 span.disabled textarea {
background-color: #eeeeee;
}
.readOnlyText {
font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: black;
}
.inputText {
margin: 0;
padding: 2px 2px 2px 2px;
font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
vertical-align: middle;
}
.otherField span.focused, .otherField span.valid, .otherField span.invalid, .largeOtherField span.focused, .largeOtherField span.valid, .largeOtherField span.invalid {
margin: 0;
position: relative;
float: left;
line-height: 25px;
padding: 0;
width: 226px;
}
.otherField span.focused textarea {
font-family: Tahoma,Arial,Helvetica,sans-serif;
width: 196px;
height: 80px;
}
.otherField span.valid {
background: transparent url("../Images/input/tick.png") no-repeat;
background-position: right top;
}
.otherField span.valid textarea {
font-family: Tahoma,Arial,Helvetica,sans-serif;
width: 196px;
height: 80px;
}
.otherField span.invalid {
background: transparent url("../Images/input/cross.png") no-repeat;
background-position: right top;
}
.otherField span.invalid textarea {
font-family: Tahoma,Arial,Helvetica,sans-serif;
width: 196px;
height: 80px;
}
.largeOtherField span.focused {
width: 350px;
}
.largeOtherField span.focused textarea {
font-family: Tahoma,Arial,Helvetica,sans-serif;
width: 320px;
height: 140px;
}
.largeOtherField span.valid {
width: 350px;
background: transparent url("../Images/input/tick.png") no-repeat;
background-position: right top;
}
.largeOtherField span.valid textarea, .largeOtherField span.invalid textarea {
font-family: Tahoma,Arial,Helvetica,sans-serif;
width: 320px;
height: 140px;
}
.largeOtherField span.invalid {
width: 350px;
background: transparent url("../Images/input/cross.png") no-repeat;
background-position: right top;
}
.anySizeField {
padding: 0px 0px 0px 0px;
}
.anySizeField span.disabled input {
background: url("../Images/input/disabled.png");
}
.anySizeField span.disabled select {
background: url("../Images/input/disabled.png");
}
.anySizeField span.disabled table {
background: url("../Images/input/disabled.png");
}
.anySizeField span.disabled input.anySizeFieldButton {
cursor: default;
visibility: hidden;
}
.disabled input.CalendarButton {
display: none;
}
/* Ajax calendar extender */
.calendar .ajax__calendar_container {
border: thin outset #808080;
background-color: white;
z-index: 9000;
}
.calendar .ajax__calendar_container table td {
padding: 0;
}
.calendarShort .ajax__calendar_container {
border: thin outset #808080;
background-color: white;
z-index: 1000;
width: 30px;
}
.popupPanel {
background-color: white;
border: 1px solid white;
z-index: 1000;
}
.multipage {
width: 487px;
height: 200px;
background: #fff url("../Images/TableUpper.png") no-repeat;
position: relative;
}
.SchoolMultiPage {
padding: 5px 5px 5px 5px !important;
width: 1200px !important;
min-height: 400px !important;
border: medium groove Black; /* sets border width on all sides */
}
.multipage .page-header {
width: auto;
height: 30px;
line-height: 30px;
font-weight: bold;
padding: 0 16px;
color: #fff;
}
.multipage .page-title {
font-weight: bold;
padding: 20px 0 10px 16px;
}
.multipage .page-content {
padding: 0 0 0 16px;
}
.navbutton {
padding: 5px;
margin-bottom: 0px;
float: left;
border-bottom: solid 1px #ff0000;
}
.navbutton-highlighted {
padding: 5px;
margin-bottom: 0px;
float: left;
border-bottom: solid 1px #ff0000;
background: url("../Images/highlight_arrow_up.png") no-repeat center bottom;
}
/*Auto Complete*/
.completionList {
margin: 0 !important;
background-color: #fff;
border-color: buttonshadow;
border-width: 1px;
border-bottom-style: ridge;
border-left-style: ridge;
border-right-style: ridge;
border-top-style: none;
overflow: auto;
height: 100px;
text-align: left;
list-style-type: none;
z-index: 100000;
padding: 0;
min-width: 300px; /* ensure a realistic minimum size */
}
/* AutoComplete highlighted item */
.completionListHighlight {
background: #fff url("../Images/menu/itemHoverBg.gif") repeat-x;
color: #000;
border: 1px solid #ccc;
border-right-color: #b9b9b9;
border-bottom-color: #b9b9b9;
padding: 1px 1px 1px 3px;
cursor: pointer;
}
/* AutoComplete item */
.completionListItem {
padding: 1px 1px 1px 3px;
}
/*Password Strength*/
.password_text {
background-color: Transparent;
}
.password_border {
background-color: Transparent;
border-style: none;
margin-left: 12px; /*padding:2px 2px 2px 2px;*/
width: 100px; /*vertical-align:middle;*/
}
.password_low {
background-image: url("../Images/smallfail.gif");
background-position: center left;
background-repeat: no-repeat;
margin-left: 12px;
width: 100px !important;
background-color: Transparent;
}
.password_medium {
background-color: Transparent;
background-image: url("../Images/warning.gif");
background-position: center left;
background-repeat: no-repeat;
margin-left: 12px;
width: 100px !important;
}
.password_high {
background-color: Transparent;
background-image: url("../Images/status_ok.gif");
background-position: center left;
background-repeat: no-repeat;
margin-left: 12px;
width: 100px !important;
}
.password_veryhigh {
background-color: Transparent;
background-image: url("../Images/smallsuccess.gif");
background-position: center left;
background-repeat: no-repeat;
margin-left: 12px;
width: 100px !important;
}
/*End Password Strength*/
.footNoteArea {
border-top-style: dashed;
border-top-width: thin;
border-top-color: #00CCFF;
cursor: pointer;
vertical-align: middle;
}
.pseudoLink {
color: #dd3409;
}
.nowraptable td, .nowraptable-flow td {
white-space: nowrap;
}
.nowraptable label {
padding-left: 5px;
vertical-align: middle;
}
.nowraptable input {
padding-left: 5px;
vertical-align: middle;
}
.nowraptable-flow label {
padding-left: 2px;
padding-right: 2px;
vertical-align: middle;
}
.nowraptable-flow input {
margin: 4px;
vertical-align: middle;
}
.nowraptable td input {
vertical-align: middle;
}
.CheckBox label {
vertical-align: middle;
padding-right: 5px;
}
.RadioButtonList {
vertical-align: middle;
}
.RadioButtonList label {
vertical-align: middle;
padding-left: 3px;
padding-right: 3px;
}
.RadioButtonList input {
vertical-align: middle;
}
/****************************** FrameworkAdapter ****************************/
/* 
* Includes css classes required by the DETA framework - used where IncludeFrameworkStylesheets web.config setting is false
* and framework.css is not included in the master page
*/
.modalProgressContent {
background-color: #ffffff;
width: 400px;
padding: 8px;
}
.modalProgressBackground {
background-color: Black;
filter: alpha(opacity=70);
opacity: 0.7;
}
#pageheader {
font-size: 130%;
}
#pageheader .col48 {
font-size: 80%;
font-weight: normal;
text-align: right;
}
#instructions {
font-size: 90%;
}
#instructions span.mandatoryind {
font-size: 150%;
float: none;
display: inline;
}
.messages {
margin: .6em 0 .6em 0;
}
.messages div {
margin: 0 0 .7em 0;
}
.messages h4 {
margin: 0;
padding: 0;
}
.messages ul {
list-style: none;
margin: 0;
padding: 0;
}
#profiler {
display: none;
width: 100%;
}
#profiledisplay {
font-style: italic;
font-size: 90%;
}
#environment {
color: #F00;
font-weight: bold;
position: absolute;
text-align: center;
top: 98px;
right: 10px;
font-size: 120%;
z-index: 200;
}
#h label {
float: none;
font-weight: normal;
font-size: 100%;
width: auto;
display: inline;
}
/* Error message */
.errormessage {
font-weight: bold;
color: #AB0009;
font-size: small;
background: #FFBABA url("../images/error.png") no-repeat 10px center;
}
.errormessage h4 {
font-size: small;
}
.errormessage ul {
display: block;
margin: 0 0 0 40px;
padding: 0;
list-style-type: disc;
}
.errormessage li {
margin: 0;
}
.messages .warningmessage, .messages .errormessage, .messages .successmessage, .messages .informationmessage {
margin: -0.6em 0 .6em 0;
}
.errormessage, .warningmessage, .successmessage, .informationmessage {
border: 1px solid;
padding: 15px 10px 15px 50px;
}
.errormessage h4 {
visibility: hidden;
display: none;
}
/* Success message */
.successmessage {
color: #42730F;
background: #DFF2BF url("../images/success.png") no-repeat 10px center;
}
/* Warning message */
.warningmessage {
color: #9F6000;
background: #FEEFB3 url("../images/warning.png") no-repeat 10px center;
}
/* Information message */
.informationmessage {
color: #1951CA;
background: #8ACAFB url("../images/information.png") no-repeat 10px center;
}
.confirmationtext {
padding: 10px;
font-weight: bold;
}
/****************************** Main ****************************/
* {
margin: 0;
}
html, body, form {
margin: 0px;
padding: 0px;
background-color: #ffffff;
color: #666666;
font-family: Tahoma,Arial,Helvetica,sans-serif;
font-size: small;
height: 100%;
}
#wrapperNew {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -100px;
}
input {
font-size: 1em;
}
select {
font-size: 1em;
}
textarea {
font-size: 1em;
resize: none;
}
p {
margin: 0;
padding: 0;
}
.large {
font-size: 12px;
line-height: 16px;
}
.regular {
font-size: 11px;
line-height: 16px;
}
.small {
font-size: 10px;
line-height: 13px;
}
.extra-small {
font-size: 9px;
line-height: 13px;
}
.SimpleHeader {
font-size: medium;
font-weight: bold;
}
.LoadingText {
font-size: 10px;
font-family: Verdana;
}
.ClearBoth {
clear: both;
}
.DisplayBlock {
display: block;
}
.DisplayNone {
display: none;
}
.red {
color: #ff3300;
}
.red-orange {
color: #dd3409;
}
.dark-grey {
color: #333333;
}
.grey {
color: #666666;
}
.light-grey {
color: #999999;
}
.extra-light-grey {
color: #dddddd;
}
/* Header styles - MG change */
#h {
position: relative;
background: #0077ba url("../images/myhr-banner.jpg") no-repeat;
color: white;
text-align: left;
clear: both;
overflow: hidden;
margin: 0 auto;
height: 95px;
}
#h a, #h a:link, #h a:visited, #h a:active {
color: white;
}
#qg-logo, #site-name {
float: left;
clear: left;
}
#qg-logo {
margin: 5px 5px;
}
#site-name {
margin: 2px 9px;
}
#h a img {
border: none;
display: block;
}
#h #tools {
float: right;
display: block;
list-style-type: none;
margin: 7px;
padding: 0;
font-size: 12px;
list-style-position: outside;
font-family: Verdana,Helvetica,Arial,sans-serif;
}
#h #eq {
padding: 0;
margin: 10px 10px 0 0;
float: right;
clear: right;
}
#h #tools li {
display: block;
float: left;
padding: 0 .5em;
border-left: 1px solid #efefef;
}
#h #tools li:first-child {
border: none;
}
#h #tools a:link, #tools a:visited {
text-decoration: none;
}
#h #tools a:hover {
text-decoration: underline;
}
.helpheader {
background-color: #0077ba;
}
.header-print {
width: 100%;
height: 110px;
float: left;
background-color: Black;
}
.sessionTimer {
text-align: right;
position: absolute;
top: 20px;
right: 10px;
z-index: 100;
font-size: small;
font-weight: bold;
color: White;
}
.stopImperson {
font-weight: bold;
}
.changeLocation {
font-weight: bold;
}
.userName {
font-weight: bold;
}
.content {
padding: 10px;
}
a, a:link {
color: #9f301d;
text-decoration: underline;
}
a:visited {
color: #9F1D4B;
text-decoration: underline;
}
a:visited:hover {
color: #B52457;
text-decoration: none;
}
a:hover {
color: #B33722;
text-decoration: none;
}
a:active {
color: #B33722;
text-decoration: underline;
}
.MainText {
font-size: 11px;
}
.hint {
color: #ff3300;
}
.expand {
background-image: url('../Images/toggle_expand.gif');
}
.collapse {
background-image: url('../Images/toggle_collapse.gif');
}
.modalBackground {
background-color: #AFAFAF;
opacity: .2;
filter: alpha(opacity=20);
}
.modalPopupBackground {
background-color: Gray;
filter: alpha(opacity=70);
opacity: 0.7;
}
/* Setting the width and height to zero enables the user to click on the form behind the modal popup*/
.popupBackground {
width: 0px !important;
height: 0px !important;
}
/* Dialog Stlyes */
.dialogtopleft {
width: 12px;
height: 36px;
background: transparent url('../Images/table/topleft.png') no-repeat;
}
.dialogtop {
height: 36px;
background: transparent url('../Images/table/top.png') repeat-x;
font-weight: bold;
padding: 0 8px;
color: #fff;
}
.dialogtopright {
width: 12px;
height: 36px;
background: transparent url('../Images/table/topright.png') no-repeat;
}
.dialogmiddleleft {
background: transparent url('../Images/table/left.png') repeat-y;
}
.dialogmiddleright {
background: transparent url('../Images/table/right.png') repeat-y;
background-position: right;
}
.dialogbottomleft {
width: 12px;
height: 12px;
background: transparent url('../Images/table/bottomleft.png') no-repeat;
}
.dialogbottom {
height: 12px;
background: transparent url('../Images/table/bottom.png') repeat-x;
}
.dialogbottomright {
width: 12px;
height: 12px;
background: transparent url('../Images/table/bottomright.png') no-repeat;
}
.dialogmiddledetail {
    vertical-align: top !important;
}
.tdHeader {
vertical-align: top;
height: 15px;
}
.divHeader {
font-weight: bold;
vertical-align: top;
height: 15px;
}
.DisplayPane {
width: 950px;
min-height: 300px;
}
.HidePanel {
display: none;
}
.GeneralContainer {
margin-top: 10px;
margin-bottom: 0px;
margin-left: 10px;
margin-right: 10px;
}
.MainContainer {
margin-top: 10px;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
}
.ButtonsContainer {
position: relative;
margin-top: 20px;
width: 962px;
}
.right-element {
position: relative;
right: 0;
float: right; /* depends on element width */
}
.fright {
float: right;
}
.fleft {
float: left;
}
.mtop6 {
margin-top: 6px;
}
.mtop2 {
margin-top: 2px;
}
.ws-nowrap {
white-space: nowrap;
}
.reportPanel {
min-height: 650px;
width: 1000px;
height: 650px;
overflow: auto;
}
.divSolidBorderArea {
border-style: solid;
border-width: 1px;
border-color: black;
padding-left: 5px;
padding-bottom: 5px;
margin: -1px 0px 0px 0px;
}
.divInfoMessageLarge {
border-width: thin;
border-style: solid;
background-color: Transparent;
font-weight: lighter;
padding: 4px;
}
.divInfoMessageSmall {
background-color: Transparent;
font-weight: lighter;
}
.td_InfoMessageLarge {
border-width: thin;
border-style: solid;
background-color: Transparent;
font-weight: lighter;
}
.td_InfoMessageSmall {
background-color: Transparent;
font-weight: lighter;
}
div.rpager {
text-align: right;
margin-top: 5px;
}
div.rpager span.rpagerbut {
}
div.rpager span.rpagertext {
padding-right: 5px;
}
div.rpager input, div.rpager img {
vertical-align: middle;
}
span.rpager img {
margin-right: 5px;
}
/**************** Footer Styles *********************/
#f, .footer-print, #FooterPush {
height: 100px; /* #FooterPush must be the same height as #f */
clear: both;
}
#f {
height: 100px;
position: relative;
width: 100%;
background: #0077ba;
font-size: 12px;
font-family: Verdana;
}
#f a:link, #f a:visited, #f a:visited:hover, #f a:hover, #f a:active {
color: #ffffff;
text-decoration: none;
}
#f a:hover {
text-decoration: underline;
}
#f, .footer-print .copyright {
color: #ffffff;
text-align: center !important;
}
#f p {
margin-top: 4px;
}
#f p.buildNo {
margin-top: 4px;
color: #A6D8F3;
}
/*#f .links {
padding: 8px 0 4px;
}*/
.footer-print {
position: relative;
width: 100%;
}
/* Standard Message pop up - Telerik window display without borders */
.ApplicationDialogDisplay .rwCorner, .ApplicationDialogDisplay .rwTopResize, .ApplicationDialogDisplay .rwFooterCenter, .ApplicationDialogDisplay .rwTitlebar {
display: none !important;
}
.ApplicationDialogDisplay .rwTable {
width: 424px !important;
}
.ApplicationDialogDisplay .rwTitlebar {
background-position: 0 -6px !important;
}
/* Telerik window display without borders */
.DialogDisplay .rwCorner, .DialogDisplay .rwTopResize, .DialogDisplay .rwFooterCenter, .DialogDisplay .rwTitlebar {
display: none !important;
}
.DialogDisplay .rwTitlebar {
background-position: 0 -6px !important;
}
.dialogImage {
float: left;
padding-top: 20px;
}
.dialogMessage {
float: right;
padding-top: 20px;
text-align: left;
vertical-align: top;
}
.dialogButton {
text-align: center;
padding-top: 30px;
}
/* ---- Job Status colors */
.TaskInstance span.Running {
color: Green;
}
.TaskInstance span.Complete {
color: Black;
}
.TaskInstance span.Enqueued {
color: Orange;
}
.TaskInstance span.Idle {
color: Blue;
}
.TaskInstance span.Quarantine {
color: Purple;
}
.TaskInstance span.Failed {
color: Red;
}
/* Telerik window inconsistency IE to FF */
/*div.RadWindow table.rwTable { width: auto; }*/
/****************************** Menu ****************************/
ul.menu {
position: relative;
background: url(../images/menu-bar-gray.png) repeat center;
display: block;
border-bottom: 1px solid #ccc;
font-size: 98%;
width: 100%;
height: 28px;
list-style: none;
font-family: Arial, Helvetica, sans-serif;
}
ul.menu, ul.menu ul {
margin: 0;
padding: 0;
display: block;
}
ul.menu li {
position: relative;
list-style: none;
float: left;
height: 100%;
}
ul.menu li span, ul.menu li a {
padding: .55em 1em 0 1em;
}
ul.menu ul li {
width: 100%;
height: 2em;
padding-bottom: .2em;
border-top: 1px solid white;
}
ul.menu li a, ul.menu li a:visited, ul.menu li a:active, ul.menu li a:hover, ul.menu li span {
display: block;
width: auto;
height: auto;
color: black;
text-decoration: none;
}
ul.menu > li.menu-leaf a, ul.menu > li.menu-children span {
height: 20px;
color: white;
}
ul.menu li, ul.menu li.menu-hover li a, ul.menu li.menu-hover-children li a, ul.menu li.menu-hover li.menu-hover li a, ul.menu li.menu-hover-children li.menu-hover-children li a, ul.menu li.menu-hover li.menu-hover li.menu-hover li a, ul.menu li.menu-hover-children li.menu-hover-children li.menu-hover-children li a {
}
ul.menu li:hover, ul.menu li.menu-hover, ul.menu li.menu-hover-children {
/*background: url(../images/menu-bar-gray-hover.png) repeat center;*/
border-top: 1px solid white;
background-color: #40516a;
border-bottom: none;
}
ul.menu ul li {
}
ul.menu ul li:hover, ul.menu ul li.menu-hover, ul.menu ul li.menu-hover-children {
background-color: #b6c7e9;
border-top-color: white;
}
ul.menu ul {
width: 21em;
background-color: #dde5f5;
position: absolute;
visibility: hidden;
top: 28px;
}
ul.menu ul ul {
top: -2px;
left: 17.1em;
}
/* menu with child items */
ul.menu ul li.menu-children {
background: url(../images/submenu.gif) no-repeat right;
}
ul.menu ul li.menu-hover-children {
background: #e1e6e8 url(../images/submenu.gif) no-repeat right;
}
/* Add more rules here if your menus have more than three (6) tiers */
ul.menu li:hover ul ul, ul.menu li.menu-hover ul ul, ul.menu li.menu-hover-children ul ul, ul.menu li li:hover ul ul, ul.menu li li.menu-hover ul ul, ul.menu li li.menu-hover-children ul ul, ul.menu li li li:hover ul ul, ul.menu li li li.menu-hover ul ul, ul.menu li li li.menu-hover-children ul ul, ul.menu li li li li:hover ul ul, ul.menu li li li li.menu-hover ul ul, ul.menu li li li li.menu-hover-children ul ul {
visibility: hidden;
}
/* Add more rules here if your menus have more than three (6) tiers */
ul.menu li:hover ul, ul.menu li li:hover ul, ul.menu li li li:hover ul, ul.menu li li li li:hover ul, ul.menu li li li li li:hover ul, ul.menu li.menu-hover ul, ul.menu li.menu-hover-children ul, ul.menu li li.menu-hover ul, ul.menu li li.menu-hover-children ul, ul.menu li li li.menu-hover ul, ul.menu li li li.menu-hover-children ul, ul.menu li li li li.menu-hover ul, ul.menu li li li li.menu-hover-children ul, ul.menu li li li li li.menu-hover ul, ul.menu li li li li li.menu-hover-children ul, ul.menu li li li li li.menu-hover-children ul, ul.menu li li li li li li.menu-hover ul, ul.menu li li li li li li.menu-hover-children ul {
visibility: visible;
}
/* separator */
ul.menu ul li .menu-separator, ul.menu ul .menu-separator:hover {
border: none;
border-top: 1px solid #CCC;
}
.menu-vertical ul.menu li {
width: 100%;
}
/****************************** rotator ****************************/
.Header {
background: url(../Images/rotatorimages/header_bg.gif);
background-color: #737294;
color: #FFFFFF;
border: #57566F 1px solid;
border-bottom-width: 0px;
font-family: tahoma;
font-size: 11px;
font-weight: bold;
padding: 5px;
cursor: default;
}
.Rotator {
width: 300px;
height: 25px;
font-family: verdana;
font-size: 11px;
background-color: white;
cursor: default;
}
.RotatorFrame {
border: solid 1px white;
font-family: verdana;
font-size: 11px;
background-color: white;
cursor: default;
}
.RotatorFrameOver {
border: solid 1px darkgray;
border-top-color: #f2f2f2;
border-left-color: #f2f2f2;
font-family: verdana;
font-size: 11px;
background-color: white;
cursor: default;
}
.RotatorFrameOver .Header {
background: url(../Images/rotatorimages/header_bgHover.gif);
}
/****************************** snapStyle ****************************/
.SnapHeader {
color: #ffffff;
background-color: #666;
background-image: url(../Images/snap_headerBg.gif);
border: 1px solid #333;
font-family: Tahoma;
font-weight: bold;
height: 16px;
}
.SnapHeaderCollapsed {
color: #777777;
background-color: #E0DFE3;
background-image: url(../Images/snap_headerCollapsedBg.gif);
border: 1px solid #777777;
font-family: Tahoma;
font-weight: bold;
}
.SnapContent {
font-family: Tahoma;
text-align: left;
font-size: 11px;
padding: 3px;
border: 1px solid #333;
border-top-width: 0px;
background-color: white;
cursor: default;
}
.Dock {
padding: 5px;
border: #AFAFAF 1px solid;
background-color: #D1D1D1;
}
.DockHeader {
padding: 5px;
border: #AFAFAF 1px solid;
background-color: #a1a1a1;
text-align: right;
}
.Links {
list-style-image: none;
color: Black;
font-size: 11px;
}
span span.validationImage, span.disabled span.validationImage {
margin: 0;
display: inline-block;
padding: 0;
width: 20px;
height: 20px;
background: transparent;
vertical-align: middle;
}
span.valid span.validationImage {
background: transparent url("../Images/input/tick_rounded.png") no-repeat;
}
span.invalid span.validationImage {
background: transparent url("../Images/input/cross_rounded.png") no-repeat;
}
.SchoolWrapper {
width: 1200px;
}
.SchoolBox legend {
font-weight: bold;
font-size: 132%;
}
/* grid slider issue - IE bug with relative positioning within overflow containers */
td.rwWindowContent div.WindowContainer {
position: relative;
overflow: hidden !important;
height: auto !important;
}
div.WindowContainerScrolling {
position: relative;
overflow: auto !important;
}
.widthAuto {
width: auto !important;
}
.widthFull {
width: 98% !important;
}
.TableHeaderGroup {
text-align: center;
float: right;
width: 240px;
border: 1px solid gray;
border-bottom: 0;
height: 25px;
background-color: #f3f3f3;
padding: 7px 0 0;
}
.TableHeaderGroup.Semester2 {
margin-right: 45px;
border-left: 0;
}
fieldset {
padding-left: 5px;
}
.GridClear {
clear: both;
}
div.RadGrid.GridClear .rgMasterTable .rgHeader {
padding-left: 0;
padding-right: 0;
}
div.RadGrid input[type=radio] {
border: 0 none;
}
.RadGrid .rgPager .rgAdvPart {
    display: none;
}      
.CompatibleSubjectBox {
width: 360px !important;
height: 250px;
}
.buttonPanel {
text-align: right;
padding: 10px;
clear: both;
}
.subSchoolYearLevelCheckboxes label {
padding: 0 3px;
}
.smallMargin {
margin: 5px !important;
}
.smallPaddingLeft {
padding-left: 5px !important;
}
.paddingLeft_CheckBox_Radio label, .CheckBoxText label {
padding-left: 3px;
}
.CheckBoxText label {
padding: 0 5px;
}
.CheckBoxRadioLabel label {
padding-left: 3px;
padding-right: 10px;
}
.LeftCheck div.hd {
float: right;
text-align: left;
padding-left: 16px;
width: 390px;
}
.LeftCheck div.bdy {
padding-top: 2px;
min-height: 20px;
padding-left: 100px;
}
.LeftCheck div.bdy .validationImage {
display: none;
}
/*IE8/10 hacks*/
#ctl00_b_bc_ac_ucBookingSearch_cboBudgetCategories_ddl {
width: 150px !important;
}
#ctl00_b_bc_ac_ucBookingSearch_lcbBookingStatus_ddl {
width: 100px !important;
}
#ctl00_b_bc_ac_ucSchoolBookings_ucBookingSearch_lcbBookingStatus_ddl {
width: 100px !important;
}
#ctl00_b_bc_ac_ucTeacherBookings_ucBookingSearch_cboEngagmentType_ddl {
width: 100px !important;
}
#ctl00_b_bc_ac_ucTSSTaskSearch_cboRecordType_ddl {
width: 90% !important;
}
/* form fields */
div.hd {
width: 200px;
text-align: right;
padding: 0 24px 0 0;
float: left;
clear: left;
border: 1px solid transparent;
}
*html div.hd {
border-color: pink;
filter: chroma(color=pink);
}
/* IE6 transparent border emulation */
div.fld {
padding: 3px 0;
clear: right;
min-height: 20px;
}
div.required span.required {
color: #ff0000;
display: inline-block;
width: 8px;
height: 8px;
background: url(../images/mandatory.png) 0 0 no-repeat;
margin: 0 0 0 5px;
vertical-align: middle;
}
div.bdy {
display: block;
padding-left: 226px;
}
div.bdy .readOnlyText {
display: block;
padding-top: 2px;
}
/* overrides for adapted styles */
div.fld .anySizeField {
padding: 0;
display: inline;
}
div.Standalone.fld {
background: none;
}
div.HideHeaderField div.hd {
display: none;
}
div.HideHeaderField div.bdy {
padding-left: 0;
}
.BaseGradeGenericTwoColumn div.fld {
background: none !important;
width: 50%;
float: left;
}
.BaseGradeGenericTwoColumn div.hd {
width: 120px;
text-align: left !important;
}
.BaseGradeGenericTwoColumn div.bdy .readOnlyText {
padding-left: 145px;
}
.BaseGrade div.fld {
background: none !important;
display: table-row !important;
}
.BaseGrade div.hd {
text-align: left !important;
padding: 6px 12px 0 0 !important;
clear: right !important;
}
.BaseGradeWide500 div.fld {
background: none !important;
}
.BaseGradeWide500 div.hd {
width: 500px;
text-align: left !important;
padding: 6px 12px 0 0 !important;
clear: right !important;
}
.BaseGrade div.bdy {
padding: 6px 0px 0 0 !important;
display: inline-block !important;
padding-left: 0px !important;
}
.BaseGrade div.bdy .readOnlyText {
padding-left: 0px;
}
.rtsLI a:visited:hover, .rtsLI a:visited {
color: #D7D7D7;
}
.rtsLink:hover {
color: #FFFF7E !important;
font-weight: bold;
}
.search, a.search {
background: url("../images/search-icon.png") no-repeat scroll 100% 0 transparent;
color: #000 !important;
font-size: 14px;
float: right;
font-weight: bold;
padding: 0px 30px 10px 0px;
margin-top: -15px;
}
.ReplacementContactDetails .EmergencyDetails {
width: 40%;
float: right;
}
.ReplacementContactDetails .PersonalDetails {
width: 58%;
float: left;
}
.ReplacementContactDetails .PersonalDetails .UnverifiedEmailAddress {
width: 68%;
float: left;
}
.ReplacementContactDetails .PersonalDetails .UnverifiedEmailButtons {
width: 30%;
float: right;
}
.ReplacementTeacherAddress .PayrollAddress {
width: 40%;
float: right;
}
.ReplacementTeacherAddress .PermanentAddress {
width: 58%;
float: left;
}
.QuickHelp {
text-align: left;
font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: Gray;
}
div.scroll {
overflow: auto !important;
}
span.formCheckboxList .required {
display: none !important;
}
span.formCheckboxList {
float: left;
}
span.formCheckboxSelections {
float: left;
}
#year-levels {
width: auto !important;
}
.spacer {
height: 20px;
}
.FileHeader {
height: 100px;
}
.FileBody {
height: 600px;
}
.Column4 {
width: 24% !important;
float: left;
}
.SchoolSearch div.hd, .TeacherSearch div.hd {
width: 160px !important;
}
.GenericTwoColumn .SchoolSearch div.fld, .GenericTwoColumn .TeacherSearch div.fld {
background-position: 170px 0;
}
.AvailabilityPickerWeek {
width: 45.5%;
margin: 10px 10px 10px 5px;
float: left;
}
.AvailabilityPickerWeek div.hd {
width: 20%;
padding-right: 14px;
}
.AvailabilityPickerWeek div.fld {
padding: 3px 0;
clear: right;
background: url(../images/fieldBg.png) 22% 0 repeat-y;
min-height: 20px;
}
.MeduimFontBold {
font-weight: bold;
font-size: 70%;
}
/*********************** Generic Multi Column Field *********************/
div.row {
width: 100%;
clear: left;
}
.GenericFourColumn, .GenericTwoColumn, .GenericOneColumnAuto {
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
}
.Standard {
margin-left: 5px;
margin-right: 5px;
}
.GenericFourColumn legend, .GenericTwoColumn legend, .Standard legend {
font-weight: bold;
font-size: 132%;
}
.BookingSearch legend {
font-weight: bold;
font-size: 132%;
}
/* Generic Four Column Field */
.GenericFourColumn div.fld {
width: 25%;
float: left;
background-position: 110px 0;
}
.GenericFourColumn .doubleWidth div.fld {
width: 50%;
}
.GenericFourColumn div.hd {
width: 100px;
float: left;
}
.GenericFourColumn div.bdy .readOnlyText {
padding-left: 110px;
}
.GenericFourColumnBookingSearch div.fld {
width: 25%;
float: left;
background-position: 130px 0;
}
/* Generic Two Column Field */
.GenericTwoColumn div.fld {
width: 50%;
float: left;
background-position: 130px 0;
}
.GenericTwoColumn div.hd {
width: 120px;
}
.GenericTwoColumn div.bdy .readOnlyText {
padding-left: 145px;
}
/* Generic Three Column Field */
.GenericThreeColumn div.fld {
width: 33%;
float: left;
background-position: 130px 0;
}
.GenericThreeColumnOld div.fld {
width: auto;
float: left;
background-position: 130px 0;
}
.GenericThreeColumn20Perc div.fld {
width: 20%;
float: left;
background-position: 130px 0;
}
.GenericThreeColumn20PercBookingSearch div.fld {
width: 28%;
float: left;
background-position: 130px 0;
}
.GenericThreeColumn div.hd {
}
.GenericThreeColumn div.bdy .readOnlyText {
padding-left: 120px;
}
/* Generic Two Column Plus Field */
.GenericTwoColumnPlus div.fld {
width: 46%;
float: left;
}
.GenericTwoColumnPlus div.hd {
width: 140px;
}
.GenericTwoColumnPlus div.bdy {
padding-left: 0px;
}
/* Generic One Column */
.GenericOneColumnAuto div.fld {
width: 100% !important;
float: left;
}
.GenericOneColumnAuto div.hd {
width: auto !important;
}
/* Narrow Column Field */
.NarrowColumn div.fld {
width: 100%;
background-position: 130px 0;
}
.NarrowColumn div.hd {
width: 160px;
}
.NarrowColumn div.bdy {
padding-left: 170px;
}
.NarrowColumn div.fld div.TextHint {
padding-left: 190px;
}
/*********************** End Generic Multi Column Field *********************/
.confirmationPanel {
width: 600px;
height: auto;
}
.confirmationPanel .warningmessage li {
list-style: none;
}
.RadWindow .rwWindowContent .radconfirm {
background-image: none !important;
}
.RadWindow .rwDialogPopup {
margin: 0px !important;
padding: 0 0 0px 0px !important;
}
.RadComboBox_Default .rcbEmptyMessage {
font-style: italic;
color: #666;
}
/***** BOOKING QUEUE *****/
UL.queue-booking, DIV.queue-callout UL {
list-style-type: none;
padding: 0px;
}
UL.queue-booking li {
height: 75px;
border: solid 1px #F2EDED;
cursor: pointer;
position: relative;
}
UL.queue-booking li:hover, DIV.queue-callout UL li:hover {
background: #DAEDFF;
}
UL.queue-booking li.onCallNotSelected, UL.queue-booking li.onCallNotSelected:hover {
background: #fff;
opacity: .6;
filter: alpha(opacity=80);
}
UL.queue-booking li.onCallNotSelected div, UL.queue-booking li.onCallNotSelected h5 {
opacity: .8;
filter: alpha(opacity=30);
}
UL.queue-booking li.onCallNotSelected {
cursor: default;
}
UL.queue-booking li.selected, DIV.queue-callout li.selected {
background: #B0E1FF;
}
.queue-notifications {
margin: 0 !important;
padding: 0 !important;
padding-top: 2px !important;
padding-bottom: 2px !important;
width: 32px !important;
height: 32px !important;
float: left;
}
.queue-detail {
float: left;
padding: 2px;
}
.queue-hardtofill, .queue-confirmed, .queue-unconfirmed {
margin: 0;
padding: 0;
color: #000;
width: 32px;
height: 100%;
float: left;
}
.queue-confirmed {
background: #C4FFC5 url("../Images/queue/check-big.gif") 0 0 no-repeat;
}
.queue-hardtofill {
background: #FFC4D3 url("../Images/queue/exclaimation-big.PNG") 0 0 no-repeat;
}
.queue-warning {
display: block;
}
.queue-refresh, .queue-refresh-loading {
margin: 2px;
margin-top: 6px;
margin-left: 10px;
background: url("../images/assets_mail.png") no-repeat scroll 0 -64px transparent;
height: 16px;
width: 16px;
float: left;
}
.queue-refresh-loading {
background: url("../Images/queue/ajax-loader_16x16.gif");
}
.queue-addbooking {
margin: 2px;
margin-top: 4px;
margin-left: 10px;
background: url("../images/add.png") no-repeat scroll 0 0 transparent;
height: 16px;
width: 16px;
float: left;
}
.queue-addbooking:hover {
background-position: -24px 0;
}
.queue-action {
margin: 2px;
margin-right: 10px;
background: url("../images/action.png") no-repeat scroll -99px -2px transparent;
height: 24px;
width: 24px;
float: right;
}
.queue-action:hover {
background-position: -3px -2px;
}
.queue-refresh:hover {
background-position: 0px -88px;
}
.queue-sortby {
color: #9A9A9A;
float: right;
font-size: 11px;
font-weight: bold;
padding: 5px;
width: 190px;
}
.queue-sortby span {
float: right;
margin-right: 5px;
cursor: default;
}
.queue-sortby #arrow {
background: url("../images/mail_assets.png") no-repeat scroll 0 -1799px transparent;
float: right;
top: 7px;
height: 8px;
width: 8px;
margin-top: 7px;
}
.queue-callout-item {
font-size: 13px;
padding: 3px 10px;
width: 120px;
}
.queue-callout-item a, .queue-callout-item a:active, .queue-callout-item a:hover, .queue-callout-item a:visited {
text-decoration: none;
color: #000;
}
.queue-callout-item:hover {
background: #F2F0F0;
}
.DateRow {
float: left;
width: 100%;
}
.deleteWPRD {
margin-top: 10px;
float: left;
}
.divInline {
display: inline;
width: 200px;
}
.SchoolNote {
width: 33%;
margin: 0 5,0,5;
float: left;
}
.TeacherNote {
margin: 0 5,0,5;
width: 33%;
float: left;
}
.OperatorNote {
margin: 0 5,0,5;
width: 33%;
float: right;
}
.BookingSessions {
width: 50%;
float: left;
}
.BookingFulfilment {
width: 50%;
float: right;
}
.containerLeft {
width: 48%;
float: left;
}
.containerRight {
width: 48%;
float: right;
}
.containerFullLeft {
width: 100%;
float: left;
}
div.RangeTo {
float: right;
width: 330px;
}
div.RangeTo div {
display: inline;
}
#menu ul, #menu li {
z-index: 150;
}
.maxSizeHintMessage {
color: Gray;
font-size: 10px;
height: 10px;
}
div.TextHint {
height: 15px;
}
div.fld div.TextHint {
padding-left: 230px;
}
div.bdy div.TextHint {
padding-left: 0px;
}
.CbRange .anySizeField span.validationImage {
display: none;
}
div.bdy .CbRange .readOnlyText {
display: inline;
padding-left: 0;
}
/* Multiselect */
select.multiselect {
display: none;
}
.multiselect {
width: 500px;
height: 100px;
}
ul.selected a.action span {
background-position: -48px -128px;
}
ul.available a.action span {
background-position: -16px -128px;
}
.ui-state-default, .ui-widget-content .ui-state-default {
background: #e6e6e6;
}
.MultiSelectContainer {
display: block;
padding-left: 230px;
}
.topRight {
position: absolute;
top: 0px;
right: 0px;
}
.positionRelative {
position: relative;
}
.CtgHeading {
padding: 10px;
text-align: center;
}
a.disabled, a.disabled:hover {
color: Gray;
text-decoration: none;
}
.GridAction {
font-family: tahoma;
font-size: 8px;
color: #0066CC;
}
.schools-multiselect ul.available {
visibility: hidden;
height: 5px !important;
}
.ui-multiselect {
border: solid 0px #fff !important;
width: 350px !important;
}
.ui-multiselect ul.selected {
height: auto !important;
overflow: auto !important;
width: 350px !important;
float: none;
}
.multiselect-width-fix .ui-multiselect ul.selected {
width: auto !important;
}
ul.available {
display: none;
}
ul.selected a.action span {
background-position: -80px -128px;
}
.ui-state-default, .ui-widget-content .ui-state-default {
background: #F2F2F2;
}
ul.selected li:hover {
background: #B0E1FF;
}
div.fld.UseSubSchool div.bdy {
margin: -25px 0 0 27px;
padding-left: 237px;
}
div.fld.UseSubSchool {
background: none;
}
#AdvancedSearch ul.selected {
width: 200px !important;
}
#AdvancedSearch .ui-multiselect {
width: 200px !important;
}
.call-notes {
background: url("../images/notes-icon.png");
float: right;
height: 32px;
width: 32px;
}
.call-panel div.fld {
background-position: 130px;
}
.call-panel div.hd {
width: 120px;
}
.call-panel div.bdy {
padding-left: 145px;
}
.call-outcome-options table {
float: left;
}
.call-panel div.multiPage {
border: solid 1px #000;
}
.year-level-selections a {
cursor: pointer;
}
div.grid-fields div.hd {
visibility: hidden;
width: 0px;
padding: 0px;
}
div.grid-fields div.fld {
background-position: -300px;
}
div.grid-fields div.bdy {
padding-left: 0px;
}
div.booking-notes {
padding: 10px;
margin: 10px;
}
div.booking-notes div.hd {
visibility: hidden;
width: 0px;
}
div.booking-notes div.fld {
background-position: -300px;
}
div.booking-notes div.bdy {
padding-left: 0px;
}
div.booking-notes textarea {
width: 100% !important;
padding: 0 !important;
}
div.booking-notes .GenericOneColumnAuto {
margin-left: 0;
margin-top: 0;
width: auto;
}
.NewBooking .RadPanelBar .rpRootGroup {
width: auto;
float: none;
}
.NewBooking .RadPanelBar_Default .rpTemplate, .NewBooking .RadPanelBar .rpGroup .rpLink, .NewBooking .RadPanelBar .rpGroup .rpTemplate {
color: #666666;
font-family: Tahoma,Arial,Helvetica,sans-serif;
font-size: small;
padding-top: 5px;
}
.SmallDialog {
padding: 10px;
}
.SmallDialog div.hd {
width: 110px;
}
.SmallDialog div.bdy {
padding-left: 136px;
}
.SmallDialog div.fld {
background-position: 110px 0;
}
DIV.console-rightbar DIV.RadTabStrip_Vista {
display: inline-block;
}
DIV.RadTabStrip_Vista .rtsLI a:visited:hover, DIV.RadTabStrip_Vista .rtsLI a:visited {
color: #000 !important;
}
DIV.RadTabStrip_Vista .rtsLink {
color: #000 !important;
}
DIV.RadTabStrip_Vista .rtsLink:hover {
text-decoration: underline;
}
DIV.rtsLevel.rtsLevel2 .rtsLI {
    display: inline-block;
    background-color: #505050;
}
DIV.rtsLevel.rtsLevel2 .rtsLI .rtsSelected {
    display: inline-block;
    background-color: #606060;
}
.BookingHoursMismatch {
color: Red;
font-weight: bold;
}
.RadCalendarFastNavPopup {
z-index: 10000 !important;
}
.AdaptedNoHeading div.fld {
background: none;
}
.AdaptedNoHeading div.hd {
display: none;
}
.AdaptedNoHeading div.bdy {
padding-left: 0;
}
/* TODO: not use client ids for auto resizing dialogs */
td.rwWindowContent div.WindowContainer #ctl00_b_bc_ac_tpsPreferredSubject_dlgTeachingPreference_dlg_C_pnlUserContent {
height: auto !important;
width: auto !important;
}
.GridInlineEdit td {
border-style: none !important;
}
.DefaultTextSelection {
margin-bottom: 7px;
}
.RosterView {
border-collapse: collapse;
margin-left: 40px;
}
.RosterView td {
padding: 7px 0 0;
}
.RosterView td div.fld {
padding: 0;
}
.RosterView th {
border-bottom: 1px solid #ddd;
text-align: left;
width: 60px;
}
.RosterView td.RosterHeading {
text-align: right;
padding-right: 15px;
}
.Information {
color: #aaa;
padding: 5px;
}
.InformationPart {
padding-left: 20px;
}
.NoMarginLeft {
margin-left: 0 !important;
}
.bkr {
display: none !important;
}
.resultDialog {
width: 800px !important;
}
/*
These are the selectors for the layout of Search Grids using DIVS. 
At least, for the Assessments Grid
Added: rxvon0 - 1/Mar/2011
*/
.float-left-half {
float: left;
width: 35%;
}
.float-left45 {
float: left;
width: 45%;
}
.float-left33 {
float: left;
width: 33%;
}
.float-left33a {
float: left;
width: 20%;
}
.right-middle {
float: right;
vertical-align: middle;
}
.bold-font {
font-weight: bold;
}
.right980 {
text-align: right;
width: 980px;
}
div.outcome-warning {
background: url("../Images/telerik/telerik-datepicker.gif") no-repeat scroll 50px -298px;
height: 20px;
vertical-align: middle;
}
/* hack for telerik grid - multiline header*/
#ctl00_b_bc_ac_ucTeacherPreferredSchools_grdPreferredSchools_GridHeader.rgHeaderDiv, #ctl00_b_bc_ac_ucTeacherNonPreferredSchools_grdNonPreferredSchools_GridHeader.rgHeaderDiv {
background: url("../Images/telerik/telerik-grid.gif") repeat-x scroll 0 -2300px #EAEAEA !important;
border-bottom: solid 1px #828282 !important;
margin-right: 0px;
}
/* Stops validation icon from not appearing next to select button */
.ruInputs li {
float: left;
}
#ctl00_b_bc_ac_ucTeacherPreferredSchools_grdPreferredSchools_GridHeader .rgHeader, #ctl00_b_bc_ac_ucTeacherNonPreferredSchools_grdNonPreferredSchools_GridHeader .rgHeader {
border-style: none;
}
.SchoolWrapper div.bdy {
padding-left: 0px !important;
}
.SchoolWrapper .multiPage div.bdy {
display: block;
padding-left: 226px !important;
}
.SchoolWrapper .multiPage .AvailabilityPickerWeek div.bdy {
padding-left: 25% !important;
}
.signInContainer {
padding-left: 30px;
padding-top: 30px;
}
.schoolselector-span {
height: 40px;
}
.CallStatus {
background: #ffbaba url("../Images/PhoneInProgress.png") no-repeat 10px 12px;
clear: both;
color: #555;
padding: 22px 15px 22px 65px;
display: none;
margin: 10px;
}
.CallStatusTime {
font-size: 12px;
margin-right: 5px;
}
input.ActiveCall {
margin-left: 10px;
}
/***************  Style for the Public access pages : Log In , Sign Up , Retreive Credentials *****************/
.accessForm {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 0.8em;
margin: 1em;
border: 1px solid #909090;
width: 700px;
}
.accessForm h1 {
margin: 0;
padding: 10px;
font-size: 1.4em;
font-weight: bold;
color: #4d4d4d;
background: #d2d2d2;
border-bottom: 1px solid #909090;
}
.accessForm .instructions {
background: #ededed;
padding: 10px;
border-bottom: 1px solid #909090;
}
.accessForm .content {
padding: 10px;
border-bottom: 1px solid #909090;
}
.accessForm .actions {
padding: 5px;
background: #e0e0e0;
text-align: right;
overflow: auto;
}
.accessForm .actions .secondary {
display: block;
float: left;
font-weight: bold;
}
.accessForm .actions .primary {
display: block;
float: right;
}
.accessForm p {
margin: 0 .6em;
text-align: left;
color: #7D1F07;
}
.accessForm span.required {
color: #ff0000;
}
.ReliefDialog {
width: 830px !important;
}
.ReliefDialog div.bdy {
padding-left: 0px !important;
}
.ReliefDialog .ui-multiselect {
/*padding-left: 225px !important;*/
}
.ReportRequired {
color: #ff0000;
display: inline-block;
width: 8px;
height: 8px;
background: url(../images/mandatory.png) 0 0 no-repeat;
margin: 0 0 0 0px;
vertical-align: middle;
}
.teacher-emergency-details div.fld div.bdy {
padding-left: 170px !important;
}
.teacher-emergency-details div.hd {
width: 160px !important;
}
.reportField .anySizeField {
white-space: nowrap !important;
}
.reportAvailabilityPickerWeek {
float: left;
margin: 0 10px 0 5px;
width: 340px;
}
.school-notification div.hd {
width: 100px;
}
.school-notification div.bdy {
padding-left: 126px;
}
.teacher-notification div.PadRightLabel {
width: 100px !important;
}
.teacher-notification div.PadRightElement {
padding-left: 126px !important;
float: none !important;
}
.PreFormatNotes {
white-space: pre-wrap;
}
/* Provides better looking support for PRE using the bounds of the container rather than one big long line. */
pre {
white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
white-space: -pre-wrap; /* Opera */
white-space: -o-pre-wrap; /* Opera */
white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
word-wrap: break-word; /* IE 5.5+ */
}
.reportField .readOnlyText {
margin-top: 5px;
display: block;
}
.rptSubHdr {
float: left;
margin: 3px 25px 0 10px;
}
.WideButton {
display: block;
}
.LoteUpload .RadUpload .ruInputs LI {
margin: 0;
}
/* Reporting Section */
div.col1 {
float: left;
width: 49%;
display: inline-block;
margin: 4px;
}
div.col2 {
float: right;
width: 49%;
display: inline-block;
margin: 4px;
}
div.colwide {
float: left;
width: 98%;
display: inline-block;
margin: 4px;
}
div.reportlabelcontainer label {
display: inline-block;
width: 140px;
float: left;
clear: none;
text-align: right;
}
div.col1 div.field2,
div.col2 div.field2,
div.col1 div.anySizeField,
div.col2 div.anySizeField {
display: inline-block;
padding: 4px, 0;
}
div.paramerterdetail {
padding: 4px;
display: inline-block;
width: 100%;
}
div.col1 div.reportfieldcontainer,
div.col2 div.reportfieldcontainer {
display: inline-block;
text-align: left;
vertical-align: top;
width: 72%;
}
div.colwide div.reportfieldcontainer {
display: inline-block;
float: right;
text-align: left;
width: 998px;
}
div.multiselectcontainer {
display: inline-block;
}
div.viewreport {
display: inline-block;
clear: both;
float: right;
}
div.reportlabelcontainer {
display: inline-block;
padding-top: 4px;
margin-right: 4px;
text-align: right;
width: 150px;
}
div.groupcontainer {
display: block;
width: 100%;
float: left;
margin-top: 1px;
}
div.groupcontainer div.col1 {
clear: left;
}
div.groupcontainer fieldset {
display: block;
padding-right: 2px;
border: 1px solid lightgrey;
}
div.groupcontainer fieldset div.col1 div.reportlabelcontainer {
width: 146px !Important;
}
div.groupcontainer fieldset div.col1 div.reportlabelcontainer label {
width: 136px !important;
}
div.groupcontainer.required legend {
background: url(../images/mandatory.png) 0 0 no-repeat;
background-position: right;
padding-right: 10px;
vertical-align: middle;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

.input-group[class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0;
}

table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}

/*div.smallwidth div.multiselectcontainer div.RadComboBox, 
div.smallwidth div.multiselectcontainer div.ui-multiselect ul {
width:200px !important;
}*/