@media all {


	/**************************************************************** global.all.css */


	/******* Core *********/

	html {
		font-size: 1.2vmax;
		margin: 0;
		padding: 0;
	}

	html * {
		cursor: default;
	}

	body {
		background-color: #ffffff;
		color: #40535d;
		font-family: Calibri, Tahoma, Verdana, sans-serif;
		font-size: 1em;
		margin: 0;
		padding: 0;
		text-shadow: 0 0 2px rgba(0,0,0,0.2);
	}

	a:link, a:visited {
		color: #f26222;
		cursor: pointer;
		text-decoration: none;
	}

	a:active, a:hover {
		color: #0d7bc0;
		cursor: pointer;
		text-decoration: underline;
	}

	a * {
		cursor: pointer !important;
	}

	abbr {
		border-bottom: 1px dotted #f26222;
		cursor: help;
		text-decoration: none;
	}

	sup.new {
    	font-size: smaller;
    	color: red;
	}

	h1 {
		display: block;
		font-size: 2.5em;
		font-weight: normal;
		margin: 0.5em auto;
		padding: 0;
		text-align: left;
		text-shadow: 0 2px 2px rgba(0,0,0,0.5);
	}

	h2 {
		display: block;
		font-size: 2em;
		font-weight: normal;
		margin: 0.5em 0;
		padding: 0;
		text-align: left;
		text-shadow: 0 2px 2px rgba(0,0,0,0.5);
	}

	h3 {
		display: block;
		font-size: 1.5em;
		font-weight: bold;
		margin: 0.5em 0;
		padding: 0;
		text-align: left;
		text-shadow: 0 2px 2px rgba(0,0,0,0.5);
	}

	p {
		line-height: 1.5em;
		margin: 1em auto 0;
		text-align: justify;
	}

    p + p {
        /*text-indent: 1em;*/
    }

	pre {
        border: 1px solid #40535d;
        box-shadow: 0 0 5px rgba(0,0,0,0.5);
        font-family: "Courier New", Courier, monospace;
		line-height: 1.5em;
		margin: 1em auto 0;
        padding: 1em;
		text-align: left;
	}

	li {
		margin-bottom: 1em;
	}

    dd {
        margin-bottom: 2em;
        margin-top: 1em;
     }

	hr {
		background-color: #40535d;
		border: none;
		height: 1px;
		margin: 1em;
	}

    /******* Forms *********/

    form {
        display: block;
        margin: 0;
        padding: 0;
    }

    legend {
        color: #40535d;
    }

    input[type=text],
    input[type=password],
    input[type=email],
    input[type=tel],
    input[type=number],
    input[type=color],
    textarea {
        background-color: #ffffff;
        border: 1px solid #40535d;
        box-shadow: 0 2px 3px rgba(0,0,0,0.5);
        color: #000000;
        cursor: text;
        display: block;
        font-size: 1em;
        margin: 1em 0;
        padding: 0.5em;
        width: calc(100% - 1em - 2px);
    }

    input[type=date] {
        font-size: 1em;
        line-height: 1.4em;
    }

    input[type=submit],
    input[type=button],
    input[type=reset],
    button {
        background-color: #cccccc;
        border: 1px solid #40535d;
        box-shadow: 0 2px 3px rgba(0,0,0,0.5);
        color: #40535d;
        cursor: pointer;
        display: block;
        font-size: 1em;
        font-weight: bold;
        margin: 1em 0;
        padding: 0.3em 0;
        text-shadow: 0 1px 2px rgba(0,0,0,0.2);
        transition: all .25s ease;
        width: 100%;
    }

    input[type=submit]:hover,
    input[type=button]:hover,
    input[type=reset]:hover,
    button:hover {
        background-color: #0d7bc0;
        color: #ffffff;
        text-shadow: 0 2px 2px rgba(0,0,0,0.8);
    }

    input[type=checkbox],
    input[type=radio],
    input[type=file] {
        cursor: pointer !important;
    }

    .disabled, .disabled:hover,
    .disabled *, .disabled:hover * {
        background-color: #999999;
        box-shadow: none;
        color: #cccccc;
        cursor: not-allowed !important;
        text-shadow: none;
    }

    *:disabled, *:disabled * {
        cursor: not-allowed !important;
    }

    input:focus, select:focus, textarea:focus,
    button:focus, a.ui-btn:focus, .focus {
        border-color: #0d7bc0;
        box-shadow: 0 0 5px #f26222;
    }

    select, option, select option, select option:hover,
    select:hover option:hover, select:hover option {
        cursor: pointer !important;
    }

    input[type=radio],
    input[type=checkbox] {
        box-shadow: 0 2px 3px rgba(0,0,0,0.5);
        cursor: pointer;
    }

    a.ui-btn {
        box-shadow: 0 2px 3px rgba(0,0,0,0.5);
        transition: all .25s ease;
    }


    /******* Login *********/

    #login, #error, #denied, #message {
        padding-top: 10vh;
    }

    #login header,
    #error header,
    #denied header,
    #message header {
        background-color: transparent;
        border: none;
        box-shadow: none;
        display: block;
        height: auto;
        margin: 0;
        padding: 0;
        position: static;
        text-align: center;
    }

    #login header img,
    #error header img,
    #denied header img,
    #message header img {
        clear: both;
        display: block;
        float: none;
        height: auto;
        margin: 0 auto;
        max-width: 200px;	/** reverted from max-width: 100% **/
        position: static;
        width: 40vw;
    }

    #login main,
    #error main,
    #denied main,
    #message main {
        display: block;
        margin: 0 20vw;
        padding-top: 0;
        text-align: center;
        width: 60vw;
    }

    #login main h1,
    #error main h1,
    #denied main h1,
    #message main h1 {
        display: block;
        margin: 0.5em 0;
        padding: 0;
        text-align: center;
    }

    #login main h2,
    #error main h2,
    #denied main h2,
    #message main h2 {
        display: block;
        font-style: italic;
        font-weight: normal;
        margin: 0 0 1em;
        padding: 0;
        text-align: center;
    }

    #login form {
        display: block;
        margin: 1em auto 0;
        width: 40vw;
    }

    #login form input[type=text],
    #login form input[type=password] {
        display: block;
        margin: 1.5em auto;
        padding: 0.5em;
        width: calc(100% - 1.5em - 2px);
    }

    #login form input[type=submit] {
        display: block;
        margin: 1.5em auto;
        padding: 0.5em 0;
        width: calc(100% - 0.5em - 2px);
    }

    #login footer,
    #error footer,
    #denied footer,
    #message footer {
        display: block;
        padding-top: 5vh;
        text-align: center;
    }

	/******* Global Classes *********/

	.clear {
		clear: both;
	}

	.left {
		text-align: left;
	}

	.right {
		text-align: right;
	}

	.center {
		text-align: center;
	}

	.blue {
		color: #0d7bc0;
	}

	.orange {
		color: #f26222;
	}

	.error {
		color: #CC0000;
        text-shadow: 1px 1px 0 rgba(0,0,0,0.8);
	}

	.anchor:before {
		content: "";
		display: block;
		height: 4em;
		margin: -4em 0 0;
	}

	#timeout_warning .ui-header .ui-title {
		margin: 0 0;
	}

    #capsWarning{
        color: #CC0000;
        text-align: center;
    }

    /**********************************************
    Datasets
 */
    .dataset-container .ui-block-a,
    .dataset-container .ui-block-b,
    .dataset-container .ui-block-c,
    .dataset-container .ui-block-d,
    .dataset-container .ui-block-e,
    .dataset-container .ui-block-f {
        padding: 0 3px !important;
    }
    .ui-tabs-nav li input {
        position: relative;
        float: left;
        margin: .7em 0 .7em .5em;
    }
    .dataset-container {
        margin: 0 auto;
        max-width: 98%;
        padding:.4em;
        border:1px solid #e2e2e2;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }
    .ui-select .ui-btn select {
        width: auto;
    }
    .dataset-btns {
        position: relative;
        text-align: right;
    }
    .dataset-btns button {
        display: inline-block;
        margin: 0 .3em;
    }

    .dataset-container .ui-field-contain, .ui-mobile fieldset.ui-field-contain{
        padding: 0 0.3em;
    }





}