﻿body 
{
	margin: 0px;
	font-family: Verdana;
	font-size: small;
}

.brand
{
	border: solid 1px #515151;
	background-color: #ADADAD;
	padding: 2px;
}

.header 
{
	width: 100%;
	height: 60px;
}

.headerBand
{
	color: #FFFFFF;
	padding: 5px;
}

.headerToolBarBand
{
	background-position: right;
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding: 5px;
}

.appTitle
{
	font-size: medium;
}

.footer
{
	color: #FFFFFF;
	padding: 5px;
}

.portalFrame
{
	background-repeat: no-repeat;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
}

.portalFrameTitle
{
	font-weight: bold;
	text-align: left;
	letter-spacing: 2px;
	height: 25px;
	color: White;
	width: 97%;
	padding-left: 10px;
	padding-top: 3px;
}

.pageTitleBar
{
	font-weight: bold;
	font-size: small;
	text-align: left;
	letter-spacing: 2px;
	height: 25px;
	color: #000000;
	width: 100%;
	padding:5px 0px 5px 5px;
}

.groupBar {
    left: 0px;
    width: 100%;
    border: solid 1px Black;
    overflow: auto;
    height: 100%;
}

.groupBar1 {
    left: 0px;
    width: 100%;
    border: solid 1px #96c5f3;
    overflow: auto;
    height: 100%;
}

.groupBarTitle1
{
	/*background-image: url(/Images/Common/background-title.png);*/
    background-color: #96c5f3;
	font-weight: bold;
	text-align: left;
	letter-spacing: 2px;
	height: 25px;
	color: Black;
	width: 100%;
	padding-left: 10px;
	padding-top: 3px;
}

.groupBarTitle {
    background-image: url(/Images/Common/background-title.png);
    font-weight: bold;
    text-align: left;
    letter-spacing: 2px;
    height: 25px;
    color: Black;
    width: 100%;
    padding-left: 10px;
    padding-top: 3px;
}


.groupBarContent
{
	padding: 5px;
	overflow: auto;
	width: 99%;
	white-space: nowrap;
}

/*Modal Popup*/
.modalBackground
{
	background-color: #ADADAD;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	border: 1px solid #515151;
	background-color: #FFFFFF;
}

.modalPopupHeader
{
	cursor: move;
	background-image: url(/Images/Common/onyxBar.gif);
	background-color: #626262;
	border-top: solid 1px Gray;
	border-left: solid 1px Gray;
	border-right: solid 1px Gray;
	color: #FFFFFF;
	padding: 5px;
	border-top-color: #5C5C5C;
	border-right-color: #5C5C5C;
	border-left-color: #5C5C5C;
}

/*.NavigationUrl
{
	font-weight: bold;
	font-size: medium;
	text-align: left;
	letter-spacing: 2px;
	height: 25px;
	color:Lime;
	width: 100%;
	padding-left: 10px;
	padding-top: 3px;
}*/

.ActionToolbarSMIS
{
	font-size: 8pt;
	color: #000000;
}

.ActionToolbarSHS
{
	color: #000000;
	background-color: Silver;
}

.ActionToolbar
{
	font-size: 8pt;
	font-style: normal;	
	color: Black;
}

.ActionToolbar a
{
	font-size: 8pt;
	font-style: normal;	
	color: Black;
}

.ActionToolbar a:hover
{
	font-size: 8pt;
	font-style: normal;	
	color: Black;
}

.ActionToolbar a:visited
{
	font-size: 8pt;
	font-style: normal;	
	color: Black;
}

.titleToolbar
{
	background-image: url(/Images/Common/background-title.jpg);
	padding: 5px;
}

.defaultButton
{
	font-size: 10pt;
    height: 22px;
    background-color: #F5F5ED;
    border: solid 1px #426194;
}

.imageButton a
{
	background-color: #F5F5ED;
    border: solid 1px #426194;
    width: 100px;
}

.imageButton a:hover
{
    background-color: #426194;
    border: solid 1px #F5F5ED;
}
.txtcontrolWidth
{
	width: 99%;
}
#breadcrumbs-one {
    margin: 0;
    padding: 0;
    list-style: none;
    /*background: #eee;*/
    border-width: 1px;
    /*border-style: solid;*/
    border-color: #f5f5f5 #e5e5e5 #ccc;
    border-radius: 5px;
    /*box-shadow: 0 0 2px rgba(0,0,0,.2);*/
    overflow: hidden;
    width: 100%;
}

    #breadcrumbs-one li {
        float: left;
    }

    #breadcrumbs-one a {
        padding: .3em 1em .3em 2em;
        float: left;
        text-decoration: none;
        color: #444;
        position: relative;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        background-color: #ddd;
        background-image: linear-gradient(to right, #f5f5f5, #ddd);
    }

    #breadcrumbs-one li:first-child a {
        padding-left: 1em;
        border-radius: 5px 0 0 5px;
    }

    #breadcrumbs-one a:hover {
        background: #fff;
    }

    #breadcrumbs-one a::after,
    #breadcrumbs-one a::before {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -1.5em;
        border-top: 1.5em solid transparent;
        border-bottom: 1.5em solid transparent;
        border-left: 1em solid;
        right: -1em;
    }

    #breadcrumbs-one a::after {
        z-index: 2;
        border-left-color: #ddd;
    }

    #breadcrumbs-one a::before {
        border-left-color: #ccc;
        right: -1.1em;
        z-index: 1;
    }

    #breadcrumbs-one a:hover::after {
        border-left-color: #fff;
    }

    #breadcrumbs-one .current,
    #breadcrumbs-one .current:hover {
        font-weight: bold;
        background: none;
    }

        #breadcrumbs-one .current::after,
        #breadcrumbs-one .current::before {
            content: normal;
        }
