﻿body
{
	font-family: 'Visual Geez Unicode', Nyala, 'Power Geez Unicode1';
	font-size:small;
	top:0px;
    /*background-color:dodgerblue;*/
   background:   url('boxed-bg.jpg');
    /*background:   url('Bottom_texture.jpg');*/
}

.divContentMain {
	
    width:1056px;
    background-color:White;
    height:100%;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:0px;
    position:relative;
    top: 105px;
    left: 28px;
}

/* ========================Default Grid View=====================================*/

.tablestyle 
{
	font-family: arial;
	font-size: small;
	border: solid 1px #7f7f7f;
}

.altrowstyle 
{
    background-color: #edf5ff;
}

.headerstyle th 
{
    background: url(../Images/sprite.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 4px 5px 4px 10px;
    text-align: center;
    vertical-align: bottom;
}  

.headerstyle th a
{
    font-weight: normal;
	text-decoration: none;
	text-align: center;
    color: #000;
	display: block;
    padding-right: 10px;
}    

.rowstyle .sortaltrow, .altrowstyle .sortaltrow 
{
    background-color: #edf5ff;
}

.rowstyle .sortrow, .altrowstyle .sortrow 
{
    background-color: #dbeaff;
}

.rowstyle td, .altrowstyle td 
{
    padding: 4px 10px 4px 10px;
    border-right: solid 1px #cbcbcb;
}

.headerstyle .sortascheader 
{
    background: url(../Images/sprite.png) repeat-x 0px -100px;
}

.headerstyle .sortascheader a 
{
    background: url(../Images/dt-arrow-up.png) no-repeat right 50%;
} 

.headerstyle .sortdescheader 
{
    background: url(../Images/sprite.png) repeat-x 0px -100px;
}   

.headerstyle .sortdescheader a 
{
    background: url(../Images/dt-arrow-dn.png) no-repeat right 50%;
} 

.PagerStyle 
{
    background-image: url(../Images/PagerWhiteChrome.jpg);
    background-position:center;
    background-repeat:repeat-x;
    background-color:#fff;
	border-bottom:solid 1px #999;
}

.PagerStyle table
{
    text-align:center;
    margin:auto;
}
.PagerStyle table td
{
    border:0px;
    padding:5px;
}
.PagerStyle td
{
    border-top: #999999 1px solid;
}
.PagerStyle a
{
    color:#333;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border-top:solid 1px #fff;
    border-right:solid 1px #999;
    border-bottom:solid 1px #999;
    border-left:solid 1px #fff;
}
.PagerStyle span
{
    font-weight:bold;
    color:#333;
    text-decoration:none;
    padding:2px 10px 2px 10px;
}
/* =============================================================*/


 /* breadCrumb1 Styles
 ---------------------------------------------------------------------*/
 
.divBreadCrumb {
	   margin-top:2px;
	    width:990px;
        /*height:100%;*/
        margin-right:auto;
        margin-bottom:4px;
    height: 47px;
}

.breadCrumb1
{
    
   /* float: left;*/
    display: block;
    height: 40px;/*overflow: hidden;
    width: 990px;*/
    padding: 5px 0;
    background: #fff;
    margin-bottom:10px;
   /* background-image: url(../Images/gray_menu_bottom.png);*/
    background: #F9F9F9;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
}
.bc-container
{
    margin: 0;
    padding: 0;
    height: 21px;
    display: block;
    margin-bottom:10px;
    margin-top:4px;
}
.bc-seperator
{
    display: block;
    float: left;
    position: relative;
    height: 16px;
    overflow: hidden;
    /*line-height: 21px;*/
    margin: 0px 6px 0px 0;
    padding: 0px 10px 0px 0;
    font-size: .9167em;
    background: url('../images/Chevron.gif') no-repeat 100% 0;
}


.breadCrumb1 a
{
    display: block;
    position: relative;
    height: 21px;
    /*line-height: 21px;*/
    overflow: hidden;
    float: left;
    color:#2D5883;
    text-decoration:none;
     /*margin-top:4px;*/
}
.bc-container .first
{
    height: 16px ;
    text-indent: -1000em;
    width: 21px;
    padding: 0;
    margin-top: 1px;
    margin-left:5px;
    overflow: hidden;
    background: url('../images/IconHome.gif') no-repeat 0 0;

}
.bc-container .first:hover
{
    background-position: 0 -16px;

}
.bc-container .last
{
    background: none;
    margin-right: 0;
    padding-right: 0;
    text-align:left;

}

/*==========================================*/

Table
{
     padding:0px;
    }
 
 TD
 {
        margin:2px;
        padding:2px;
    text-align: left;
}
.RoundPanel
{
    background: #F9F9F9;
    border: 2px solid #f1f1f1;
    border-radius: 5px;
    padding:6px;
} 
.RoundPanelToolbar
{
    background: #F5F5F5;
    border: 2px solid #f1f1f1;
    border-radius: 5px;
    padding:6px;
}
.RoundPanelWhite
{
    /*background: #F9F9F9;*/
    border: 2px solid #f1f1f1;
    border-radius: 5px;
    padding:6px;

    
} 

.MenuBackground
{
     border: 2px solid #f1f1f1;
    border-radius: 5px;
    padding:6px;
    background: #fcfff4; /* Old browsers */
    background: -moz-linear-gradient(top, #fcfff4 0%, #e9e9ce 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#e9e9ce)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfff4 0%,#e9e9ce 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 );
    
}

 

/*.TextBox
{
   
    background-color: white;
	border-top: 1px solid #9DA0AA;
	border-right: 1px solid #C2C4CB;
	border-bottom: 1px solid #D9DAE0;
	border-left: 1px solid #C2C4CB;
	padding: 5.5px 4px ;
	margin: 0px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;	
	-o-border-radius: 4px;
   
    color: #385487;
    font-family: 'Visual Geez Unicode', Nyala, 'Power Geez Unicode1';
}*/
 
 
/*.ComboBox
{
    
    background-color: white;
	border-top: 1px solid #adadad;
	border-right: 1px solid #bfbfbf;
	border-bottom: 1px solid #d2d2d2;
	border-left: 1px solid #bfbfbf;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;	
	-o-border-radius: 4px;

    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15) inset;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15) inset;
    -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15) inset;
    
    padding: 4px 4px;
    font-size: small; 
    color: #385487;
    font-family: 'Visual Geez Unicode', Nyala, 'Power Geez Unicode1';
}*/
 



.close-btn {
    position: absolute;
    right: 6px;
    top: 0;
    cursor: pointer;
}

.close-btn:hover {
    opacity: 0.7;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}
 .message-box {
    width: 270px;
    display: inline;
    height: auto;
    padding: 25px 15px;
    position: fixed;
    right: -620px;
    top: 120px;
    font-size: 15px;
    color: #fff;

    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #f1ceab;
    border: 1px solid #efb99e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
   
}

 .success {
    background-color: #d5ecbf;
    border-color: #d2e6ab;
    color: #669533;
}

.error {
        background-color: #f2bdb1;
        border-color: #f0a5a4;
        color: #bd4247;
}

.info {
    background-color: #a7dff1;
    border-color: #88e4ec;
    color: #817b58;
}


/*
 * Component: Box
 * --------------
 */
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

    .box.box-primary {
        border-top-color: #3c8dbc;
    }

    .box.box-info {
        border-top-color: #00c0ef;
    }

    .box.box-danger {
        border-top-color: #dd4b39;
    }

    .box.box-warning {
        border-top-color: #f39c12;
    }

    .box.box-success {
        border-top-color: #00a65a;
    }

    .box.box-default {
        border-top-color: #d2d6de;
    }

    .box.collapsed-box .box-body,
    .box.collapsed-box .box-footer {
        display: none;
    }

    .box .nav-stacked > li {
        border-bottom: 1px solid #f4f4f4;
        margin: 0;
    }

        .box .nav-stacked > li:last-of-type {
            border-bottom: none;
        }

    .box.height-control .box-body {
        max-height: 300px;
        overflow: auto;
    }

    .box .border-right {
        border-right: 1px solid #f4f4f4;
    }

    .box .border-left {
        border-left: 1px solid #f4f4f4;
    }

    .box.box-solid {
        border-top: 0;
    }

        .box.box-solid > .box-header .btn.btn-default {
            background: transparent;
        }

        .box.box-solid > .box-header .btn:hover,
        .box.box-solid > .box-header a:hover {
            background: rgba(0, 0, 0, 0.1);
        }

        .box.box-solid.box-default {
            border: 1px solid #d2d6de;
        }

            .box.box-solid.box-default > .box-header {
                color: #444444;
                background: #d2d6de;
                background-color: #d2d6de;
            }

                .box.box-solid.box-default > .box-header a,
                .box.box-solid.box-default > .box-header .btn {
                    color: #444444;
                }

        .box.box-solid.box-primary {
            border: 1px solid #3c8dbc;
        }

            .box.box-solid.box-primary > .box-header {
                color: #ffffff;
                background: #3c8dbc;
                background-color: #3c8dbc;
            }

                .box.box-solid.box-primary > .box-header a,
                .box.box-solid.box-primary > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid.box-info {
            border: 1px solid #00c0ef;
        }

            .box.box-solid.box-info > .box-header {
                color: #ffffff;
                background: #00c0ef;
                background-color: #00c0ef;
            }

                .box.box-solid.box-info > .box-header a,
                .box.box-solid.box-info > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid.box-danger {
            border: 1px solid #dd4b39;
        }

            .box.box-solid.box-danger > .box-header {
                color: #ffffff;
                background: #dd4b39;
                background-color: #dd4b39;
            }

                .box.box-solid.box-danger > .box-header a,
                .box.box-solid.box-danger > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid.box-warning {
            border: 1px solid #f39c12;
        }

            .box.box-solid.box-warning > .box-header {
                color: #ffffff;
                background: #f39c12;
                background-color: #f39c12;
            }

                .box.box-solid.box-warning > .box-header a,
                .box.box-solid.box-warning > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid.box-success {
            border: 1px solid #00a65a;
        }

            .box.box-solid.box-success > .box-header {
                color: #ffffff;
                background: #00a65a;
                background-color: #00a65a;
            }

                .box.box-solid.box-success > .box-header a,
                .box.box-solid.box-success > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid > .box-header > .box-tools .btn {
            border: 0;
            box-shadow: none;
        }

        .box.box-solid[class*='bg'] > .box-header {
            color: #fff;
        }

    .box .box-group > .box {
        margin-bottom: 5px;
    }

    .box .knob-label {
        text-align: center;
        color: #333;
        font-weight: 100;
        font-size: 12px;
        margin-bottom: 0.3em;
    }

    .box > .overlay,
    .overlay-wrapper > .overlay,
    .box > .loading-img,
    .overlay-wrapper > .loading-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .box .overlay,
    .overlay-wrapper .overlay {
        z-index: 50;
        background: rgba(255, 255, 255, 0.7);
        border-radius: 3px;
    }

        .box .overlay > .fa,
        .overlay-wrapper .overlay > .fa {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -15px;
            margin-top: -15px;
            color: #000;
            font-size: 30px;
        }

        .box .overlay.dark,
        .overlay-wrapper .overlay.dark {
            background: rgba(0, 0, 0, 0.5);
        }

.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
    content: " ";
    display: table;
}

.box-header:after,
.box-body:after,
.box-footer:after {
    clear: both;
}

.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}

    .box-header.with-border {
        border-bottom: 1px solid #f4f4f4;
    }

.collapsed-box .box-header.with-border {
    border-bottom: none;
}

.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}

.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
    margin-right: 5px;
}

.box-header > .box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}

    .box-header > .box-tools [data-toggle="tooltip"] {
        position: relative;
    }

    .box-header > .box-tools.pull-right .dropdown-menu {
        right: 0;
        left: auto;
    }

.btn-box-tool {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    color: #97a0b3;
}

    .open .btn-box-tool,
    .btn-box-tool:hover {
        color: #606c84;
    }

    .btn-box-tool.btn:active {
        box-shadow: none;
    }

.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}

.no-header .box-body {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.box-body > .table {
    margin-bottom: 0;
}

.box-body .fc {
    margin-top: 5px;
}

.box-body .full-width-chart {
    margin: -19px;
}

.box-body.no-padding .full-width-chart {
    margin: -9px;
}

.box-body .box-pane {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
}

.box-body .box-pane-right {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
}

.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #ffffff;
}


.HLine {
    border-top: 1px solid #d2691e;
    position: relative;
    
    /*border-radius: 1px;*/
}
