﻿p {
    color: black;
    background: transparent;

    word-wrap: break-word;
    letter-spacing: 0px;
    word-spacing: 0px;

    margin-left: 0px;
    margin-top: 0px;
    margin-bottom:0px;
    margin-right: 0px;
}

ol {
    margin-top: 0px;
    margin-bottom: 0px;            
}

ul {
    margin-top: 0px;
    margin-bottom: 0px;        
}

li
{
    color: black;
    background: transparent;       
}

table, tbody, tr, td, th
{
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

img.hyperlinkborder
{
    border-style: solid;
}

/* for the Date Picker control */
.dateChooserRounded {
	border-collapse:separate;
    border-radius: 4px;
}

/* TEXT, TEXTAREA, SELECT */
input, textarea, select {
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 4px;
    padding-right: 1px;
    border-radius: 4px;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.33), inset 0px -3px 8px -1px rgba(0,0,0,0.15);
    border: 1px solid #777777;
    transition: 0.218s ease-in-out;
    position: relative;
    color: #3d3d3d;
    top: 0px;
    margin: 0px;
}
    /* Checkbox and radio should be more basic since style is no cross-browser */
    input[type='radio'],
    input[type='checkbox'] {
        box-shadow: none;
    }
 
/* Dropdowns area naturally skinnier and narrower, so make them match the textbox size */
select {
    min-height: 25px;
    padding: 0 0 0 1px;
}
 
input:focus, 
textarea:focus, 
select:focus,
 .igdd_ControlFocus, 
.igte_EditWithButtons.igte_Focus {
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.7), inset 0px 0px 0px transparent !important;
    transition: 0.281s ease-in-out;
    border-color: #3D3D3D;
    color: #2563af;
    outline: 0;
}
    input[type='radio']:focus,
    input[type='checkbox']:focus,
    input[mkr] {
        box-shadow: none !important;
    }

*{ cursor: inherit;}

/* Super and Sub Scripts */
.superText {
    vertical-align: super;
}
.subText {
    vertical-align: sub;
}

/* Make buttons have hand cursor */
input[type='button'],
input[type='submit'],
button {
    cursor: pointer;
    padding: 0;
}

/* Make it obvious when a field is disabled across each browser */
[disabled] {
  opacity: 0.7;
}

[onclick] {
    cursor: pointer;
}

.hidden {
    display: none;
}

.quiet {
    opacity: 0.5;
}

/******* CSS Loading Animation *******/
/* 
    This centres the loading animation in the middle of the page perfectly
*/
.now-loading-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

/*
    Loading Object Style
*/
.now-loading-object {
    border: 6px solid #f0f0f0;
    border-top: 6px solid #027ade;
    border-radius: 100%;
    box-shadow: 0 0 3px 1px #ddd, inset 0 0 3px 1px #ddd;
    width: 80px;
    height: 80px;
    display: block;
    animation: anim-now-loading 1.2s cubic-bezier(0.3, 0.3, 0.3, 0.9) infinite;
}

/*
    Accompanying Text Style
*/
.now-loading-text {
    display: block;
    margin: 0 auto;
    padding-top: 20px;
    color: white;
    text-align: center;
    font-weight: 800;
    width: 80px;
    text-shadow: -1px -1px 0 #444, 1px -1px 0 #444, -1px 1px 0 #222, 1px 1px 0 #222, 2px 2px 0 #222;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.330078125;
}

/*
    Keyframe Animation setters
*/
@keyframes anim-now-loading {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

    @-webkit-keyframes anim-now-loading {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

/* Lightbox */
.ui-dialog {
    box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
.ui-dialog-titlebar.ui-widget-header {
    background: linear-gradient(#3181D0, #027ade);
    color: #FFF;
    font-family: sans-serif;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
    font-size: 14px;
}
.ui-corner-all {
    border-radius: 0px !important;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.ui-button {
    outline: none !important;
}
.ui-dialog .ui-resizable-se {
    width: 25px;
    height: 25px;
    right: -10px;
    bottom: -10px;
    background-position: 16px 16px;
    background-color: rgba(0,0,0,0.5);
    border-top-left-radius: 40px;
}
.ui-dialog-content.ui-widget-content {
    min-width: 100% !important;
    padding: 0 !important;
}