body 
{
    margin: 28px 28px 0 28px;
    white-space: normal;
    font-family: Arial;
    background-color: #F7F7F7;
}

h1
{
    font-size: 18pt;
}

.topStripe
{
    width: 100%;
    height: 10px;
    background-color: #0B007D;
}

.menuBorder
{
    background-color: #B5B5B5;
    width: 100%;
    height: 1px;
}

.menuStripe
{
    background-color: #F7F7F7;
    text-align: center;
    vertical-align: middle;
}

.menu
{
    font-size: 10pt;
    height: 27px;
    cursor: pointer;
}

.menu:hover
{
    color: black;
    background-color: #FFCB5D;
    transition: background-color .2s ease-out;
}

.scrollWindow
{
    width: 1016px;
    height: 400px;
    border: 2px solid black;
    padding: 2px;
    overflow: auto;
}

.scrollWindowItem
{
    border: 1px solid black;
}

.alternateScrollWindowItem
{
    background-color: #FFCB5D;
}

.actionButton
{
    display: inline-block;
    padding: 8px;
    color: #000000;
    background-color: #F7F7F7;
    border: 1px solid #000000;
    text-align: center;
    font-size: 14pt;
    outline: none;
    text-decoration: none;
    /*transition: width 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;*/
    transition: all ease-out .3s;
}

.actionButton:hover, .actionButton:after active
{
    background-color: #000000;
    color: #ffffff;
    /*transition: width 0.3s ease-in, background-color 0.3s ease-in, color 0.3s ease-in;*/
    transition: all ease-in .3s;
}

.actionButton:hover::after
{
    content: url("../Images/ActionArrow.png");
    padding: 5px;
    transition: all ease-in .3s;
}

.returnButton
{
    display: inline-block;
    padding: 8px;
    color: #000000;
    background-color: #F7F7F7;
    border: 1px solid #000000;
    text-align: center;
    font-size: 14pt;
    outline: none;
    text-decoration: none;
    transition: width 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
}

.returnButton:hover, .returnButton:after active
{
    background-color: #000000;
    color: #ffffff;
    transition: width 0.3s ease-in, background-color 0.3s ease-in, color 0.3s ease-in;
}

.sortableLinkButton
{
    color: black;
    text-decoration: none;
    font-weight: bold;
}

.noticeBlock
{
    color: red;
}

.selectedTab
{
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-left: 1px solid #2B2B2B;
    border-top: 1px solid #2B2B2B;
    border-right: 1px solid #2B2B2B;
    height: 39px;
    background: #0B007D;
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    text-align: center;
    display: inline-block;
    /*margin-right: -4px;*/
}

.unselectedTab
{
    background: #FFFFFF;
    border-left: 1px solid #333333;
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    /*border-bottom: 1px solid #2B2B2B;*/
    height: 30px;
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    text-align: center;
    display: inline-block;
    /*margin-right: -4px;*/
    vertical-align: bottom;
}

.disabledTab
{
    background: #E0E0E0;
    border-left: 1px solid #333333;
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #2B2B2B;  
    height: 30px;
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    text-align: center;
    display: inline-block;
    /*margin-right: -4px;*/
    vertical-align: bottom;
}

.selectedTabLinkButton
{
    color: white;
    text-decoration: none;
}

.unselectedTabLinkButton
{
    color: black;
    text-decoration: none;
}

.disabledTabLinkButton
{
    color: #908683;
    text-decoration: none;
}

.DimBackground
{
	background-color: rgb(0, 0, 0);
	opacity: 0.7; /* Safari, Opera */
	-moz-opacity:0.70; /* FireFox */
	filter: alpha(opacity=70); /* IE */
	z-index: 20;
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	position:fixed;
	top: 0px;
	left: 0px;
}

.AlertBox
{
	position: absolute;
    font-family: Sans-Serif;
    overflow: hidden;
    z-index: 50;
}

.AlertBoxHeader
{
	color: White;
	background-color: #00305D; 
	font-family: Sans-Serif;
    font-size: small; 
    border-left: 2px outset black; 
    border-top: 2px outset black;
    border-right: 2px outset black;
    z-index: 50;
    
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.AlertBoxBody
{
    color: White;
	padding: 0px 3px 3px 10px; 
	border-left: 2px outset black; 
	border-right: 2px outset black;
	border-bottom: 2px outset black; 
	background-color: #404040;
	z-index: 50;
	
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

/*Preloader*/
.preloaderContainer {
    width: 100%;
    height: 160px;
    z-index: 5001;
    position: absolute;
    top: 46px;
    left: 0px;
    text-align: center;
    vertical-align: middle;
}

.preloaderItemHolder {
    display: table-cell;
    color: white;
    font-size: 16pt;
    width: 100%;
    height: 160px;
    vertical-align: middle;
}

.preloaderItem {
    width: 25px;
    height: 25px;
    background-color: #BFBFBF;
    -webkit-animation: anim 2s infinite;
    animation: anim 2s infinite;
    display: inline-block;
    margin-left: 3px;
    z-index: 110;
}

.delay1 {
    animation-delay: 150ms;
}

.delay2 {
    animation-delay: 300ms;
}

.delay3 {
    animation-delay: 450ms;
}

.delay4 {
    animation-delay: 600ms;
}

.delay5 {
    animation-delay: 750ms;
}

.delay6 {
    animation-delay: 900ms;
}

@-webkit-keyframes anim {
    from {
        -webkit-transform: rotateY(0deg);
    }

    to {
        -webkit-transform: rotateY(180deg);
    }
}

@keyframes anim {
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(180deg);
    }
}