﻿/*BASE*/
	.spacer-5 {
		height:5px;
		clear:both;
		font:0 arial;
		line-height:0;
	}
	.spacer-10 {
		height:10px;
		clear:both;
		font:0 arial;
		line-height:0;
	}
	.spacer-20 {
		height:20px;
		clear:both;
		font:0 arial;
		line-height:0;
	}
	.spacer-40 {
		height:40px;
		clear:both;
		font:0 arial;
		line-height:0;
	}

	.w100{width:100% !important;}
	.w50{width:50%}
    .pad0{padding:0;}
	.pad4{padding:4px;}
	.pad8{padding:8px;}
	.pad10{padding:10px;}
	.pad40{padding:40px;}
    .fullBorder { border:1px solid #e5e5e5;}
    .marg0 {margin:0;}


    #msg
    {
        background-color:Orange;
        color:#000000;
        width:200px;
        padding:10px;
        position:fixed;
        z-index:10000;
        text-align:center;
        left: 42%;
        top:5%;
        display:none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;                
    }
    .nodisplay {
        display:none;
    }
    .pointer {
        cursor:pointer
    }
/*BOOTSTRAP*/
    .well,.navbar-default, .navbar-inner, .popover, .btn, .tooltip, input, select, textarea, pre, .progress, .modal, .add-on, .alert, .table-bordered, .nav>.active>a, .dropdown-menu, .tooltip-inner, .badge, .label, .img-polaroid {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        /*
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 0px !important;
        */
        border-collapse: collapse !important;
        background-image: none !important;
    }
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background-image: none !important;
        background-color: #e6e6e6;
    }
    .panel-default>.panel-heading {
        background-image: none;
    }
    .btn-file {
        position: relative;
        overflow: hidden;
    }
    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

/*DOWNLOAD BAR*/
.progress { 
    width: 100%;
    height: 36px;
    padding: 0;
    display:inline-block;
    position:relative; 
    border: 1px solid #ddd; 
    border-radius: 3px; 
}
.bar { 
    background-color: #B4F5B4; 
    width:0; 
    height:36px; 
    border-radius: 3px;
}
.percent { 
    position:absolute; 
    display:inline-block; 
    top:9px; 
    left:48%; 
}	

/*JQUERY LOAD MASK*/
.loadmask {
    z-index: 10000;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 10000;
    position: absolute;
    top: 0;
    left: 0;
    padding:2px;
}
.loadmask-msg div {
    background: url("http://ihfiles.com/site/loader1.gif") no-repeat scroll 15px 20px #FBFBFB;
    border: 1px solid #D6D6D6;
    border-radius: 6px;
    cursor: wait;
    line-height: 16px;
    padding: 20px 20px 20px 35px;
    font-weight:bold;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}


/*JQUERY UI*/
    /* Component containers*/
    .ui-widget { font-family: Helvetica, Arial, sans-serif; font-size: 100%; }
    .ui-widget .ui-widget { font-size: 100%; }
    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 100%; }
    .ui-widget-content { 
        border: 1px solid #d6d6d6; 
        background:#ffffff;
        color: #444444; 
    }
    .ui-widget-content a {
        color:#004990;
    }            

	.ui-widget-content a.ih-button-primary{
		color:#ffffff !important;
	}	

	.ui-widget-header {
		background: none;
		border: none;
		font-weight: bold;
		color:#666;
	}	

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 
	    border: 1px solid #c6c6c6; 
	    background-image:none;
	    background-color: #f8f8f8;
	    font-weight: bold; 
	    color: #666666; 
    }
    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #0073ea; text-decoration: none; }
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { 
	    background-image:none;
        background-color: #f1f1f1;
	    border: 1px solid #B6B6B6;
	    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	    color:#666666;	
    }
    /* Corner radius */
    .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 2px; }
    .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 2px; }
    .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 2px; }
    .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 2px; }

    .ui-dialog .ui-dialog-titlebar {
        height:18px;
    }
    .ui-dialog .ui-dialog-title {
        float: left;
        margin: 0.1em 16px 0.1em 0;
	    font-size:17px;
	    color:#000;
	    font-weight:normal;
        font-family:'Raleway', sans-serif;
    }
    .ui-dialog .ui-dialog-titlebar-close { 
	    border: 1px solid #ffffff; 
	    background-image:none;
	    background-color: #ffffff;
	    font-weight: bold; 
	    color: #666666; 
        /*, .ui-dialog > .ui-widget-content .ui-state-default, .ui-dialog > .ui-widget-header .ui-state-default*/
    }
    #helpDialog p {
        margin: 1em 0px
    }
    #helpDialog h2 {
        margin-top: 1em;
        font-size:190%;
    }
	.ui-widget {
    	font-family: arial, sans-serif;
	}
	.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    	font-family: arial, sans-serif !important;
		font-size: 100% !important;
	}
	.ui-corner-all {
		border-radius:0;
	}
    
    .ui-tabs .ui-tabs-nav li {border-bottom: 0 !important;}
    .ui-tabs.ui-widget.ui-widget-content{border:0 !important;}
    .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
        color: #666666;
    }    
    .ui-tabs .ui-tabs-nav li a span { float: left; margin-right: 5px}    
    .ui-tabs .ui-tabs-nav {
        border-bottom: 1px solid #E6E6E6;
        margin: 0;
        padding: 0.2em 0.2em 0;
    }
    .ui-buttonset .ui-button {
        margin-right: -0.4em;
    } 
    .ih-btnp .ui-input-btn {
        background-color:#004990 !important;
        color:#ffffff !important;
        border:1px solid #004990 !important;
    }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #dddddd; background: #ffffff url(https://dcc87b079269334bdff8-2be4136992362235ee817b27e28601b1.ssl.cf1.rackcdn.com/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ff0084; }
    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: #333333;
    }
    .ui-button.ui-corner-all {
        border-radius: 2px 2px 2px 2px !important;
    }
    .ui-slider-handle {
        background-color: #0074D3 !important;
        border: 1px solid #0074D3 !important;
        border-radius:4px;
    }

/*TOOL TIP*/

/*CALENDAR*/
    .ui-datepicker-calendar .ui-state-default {
        background: #ffffff;
        border: none;
        color: #004990;
        font-weight: normal;
        text-align: center;
    }
    .ui-datepicker-calendar .ui-state-default.ui-state-hover {
        background: #004990;
        color: #ffffff;
    }
    .ui-datepicker table {
        font-size: 1em;
    }
