﻿@font-face {
    font-family: 'TMW_glyphs';
    src: url('../fonts/fonticons/TMW_glyphs.eot');
    src: url('../fonts/fonticons/TMW_glyphs.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fonticons/TMW_glyphs.woff') format('woff'),
         url('../fonts/fonticons/TMW_glyphs.ttf') format('truetype'),
         url('../fonts/fonticons/TMW_glyphs.svg#TMW_glyphs') format('svg');
    font-weight: normal;
    font-style: normal;

}

body, html
{
    overflow: hidden !important;
    min-width: 365px;
}

.Gradient
{
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0.34) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.07)), color-stop(100%,rgba(0,0,0,0.34))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0.34) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0.34) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0.34) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0.34) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12000000', endColorstr='#57000000',GradientType=0 ); /* IE6-9 */
}


/*Sets Main Color of theme*/
/*
.Color
{
    background-color:green !important;
}


.Color
{
    background-color:rgba(28,65,209,1)!important;
}
*/
.Color
{
  /* background-color:#12739d !important; */
  background-color:#369 !important;
}

.GradientDarkTheme
{
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjQ1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.07) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.45)), color-stop(100%,rgba(255,255,255,0.07))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.45) 0%,rgba(255,255,255,0.07) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,0.45) 0%,rgba(255,255,255,0.07) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,0.45) 0%,rgba(255,255,255,0.07) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,0.45) 0%,rgba(255,255,255,0.07) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73ffffff', endColorstr='#12ffffff',GradientType=0 ); /* IE6-8 */
}

.rmSlide iframe
{
    display: none;
}

.fonticon
{
    font-family: 'TMW_glyphs';
}

article, aside, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}

body
{
    padding: 0px;
    margin: 0px;
}

header
{
    height: auto;
    background: #1F4478;
    /*position: relative;*/
    min-height: 30px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.67);
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.67);
    z-index: 2;
}



.ContentWrap
{
    position: relative;
    z-index: -1;
}

.ContentContainer
{
    Height: 100%;
    position: relative;
    background-color: white;
    -webkit-box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, .3);
    box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, .3);
    overflow: auto;
    z-index: 1;
}

footer
{
    height: auto;
    background: #15325B;
    position: relative;
    bottom: 0px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .67);
    z-index: 2;
}

.Logo
{
    padding-top: 5px;
    float: left;
    margin-left: 10px;
    /* opacity: .8; */
    font-size: 17px;
    color: white;
}

.IconAndBadgeContainer
{
    width: 27px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    float: left;
    margin-top: 2px;
    height: 25px;
}

.fonticon.Badge
{
    color: white;
    font-size: 19px;
}

.BadgeBackground
{
    height: 16px;
    width: 16px;
    border-radius: 100%;
    background-color: red;
    position: absolute;
    margin-top: -35px;
    margin-left: 10px;
}

.BadgeContent
{
    color: white;
    font-size: 12px;
    margin-top: -10px;
    margin-left: 4px;
    font-family: arial;
}

.Logo:hover
{
    opacity: 1;
}

.MobileMenuButton
{
    vertical-align: 7px;
    margin-left: 3px;
}

#SearchInput
{
    background-color: rgba(255, 255, 255, .2);
    border-color: rgba(255, 255, 255, .2);
    -webkit-appearance: none;
    color: white;
    border-width: 1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 13px 0px inset;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 13px 0px inset;
}

#SearchIcon
{
}

.CopyRight
{
    font-family: arial;
    font-size: 11px;
    color: #CCC;
    float: right;
    margin-right: 5px;
    line-height: 17px;
}

    .CopyRight a
    {
        text-decoration: none;
        color: white;
        font-weight: bold;
    }

.SearchBox
{
    float: right;
    margin-right: 10px;
    margin-left: 0px;
}

.UserMenuContainer
{
    float: right;
    line-height: 30px;
    margin-right: 10px;
}

.UserMenu
{
    float: right;
    margin-right: 20px;
}

    .UserMenu .rmRootGroup > .rmItem > a > .rmText
    {
        padding-top: 2px !important;
    }

#SearchInput
{
    padding-left: 5px;
}

.MainSelectMenu select
{
    height: 30px;
    width: 100%;
    margin-bottom: 5px;
}

.MainSelectMenu
{
    padding-left: 5px;
    padding-right: 5px;
}



/*Corrects Slide margin for User Menu Specifically*/
#UserRadMenu .rmSlide
{
    left: -7px !important;
}



/*End Menu Specific*/


/*Left (APP) Menu CSS*/
.LeftColumn
{
    z-index: 2;
    position: absolute;
    height: 100%;
    float: left;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0, 0, 0);
    -moz-box-shadow: 0px 0px 5px 0px rgb(0, 0, 0);
    box-shadow: 0px 0px 5px 0px rgb(0, 0, 0);
    display: none;
}

    .LeftColumn a.RadButton
    {
        height: 26px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 15px;
        box-shadow: 0px 0px 5px black;
    }

    .LeftColumn .rbSkinnedButton:hover .rbDecorated
    {
        background-position: initial;
    }

    .LeftColumn .rbSkinnedButton
    {
        padding: 0px;
    }

    .LeftColumn a.RadButton
    {
        background-image: none !important;
        padding: 0px;
    }

        .LeftColumn a.RadButton .rbDecorated
        {
            color: white;
            font-family: "TMW_glyphs";
            font-size: 26px;
            padding-top: 1px;
            width: 41px;
            height: 26px;
            padding: 0px;
            background: -moz-linear-gradient(top, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0.34) 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.07)), color-stop(100%,rgba(0,0,0,0.34)));
            background: -webkit-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0.34) 100%);
            background: -o-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0.34) 100%);
            background: -ms-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0.34) 100%);
            background: linear-gradient(to bottom, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0.34) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12000000', endColorstr='#57000000',GradientType=0 );
        }


.AppSearch
{
    position: relative;
    width: 218px;
    margin-left: 15px;
    box-shadow: 0px 0px 5px black;
}

.AppSearchInputPadder
{
    padding-right: 31px;
    height: 100%;
}

.AppSearchInput
{
    width: 100%;
    height: 26px;
    box-shadow: inset 0px 0px 13px 0px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 0px 0px 13px 0px rgba(0, 0, 0, .4);
    border-width: 1px;
    border-style: solid;
    padding: 0px;
    border-color: #8e8e8e #b8b8b8 #b8b8b8 #8e8e8e;
}

.AppSearchButton
{
    position: absolute;
    right: 0px;
    top: 0px;
    height: 28px;
    width: 28px;
    cursor: pointer;
}

.AppSearchButtonGlyph
{
    color: white;
    font-size: 1.7em;
}

.AppSearchButton:hover .AppSearchButtonGlyph
{
    color: #A2DAFD;
    text-shadow: rgba(0, 142, 241, .9) 0px 0px 3px, rgba(0, 142, 241, .6) 0px 0px 10px, rgba(0, 142, 241, .5) 0px 0px 25px;
}

/*Expanded Left Menu*/
.ExpandedLeft .LeftColumn
{
    display: block !important;
}

.ExpandedLeft .LeftColumn
{
    width: 248px;
}

.ExpandedLeft .ContentContainer
{
    margin-left: 248px;
}




/*Collapsed Left Menu Classes*/
.CollapsedLeft .LeftColumn
{
    display: block !important;
}

.CollapsedLeft a.RadButton
{
    margin-left: 5px;
}

.CollapsedLeft .LeftColumn .rtLI
{
    overflow: hidden;
}

.CollapsedLeft .LeftColumn
{
    width: 50px;
}

.CollapsedLeft .ContentContainer
{
    margin-left: 50px;
}

.CollapsedLeft .LeftColumn .TxtBox
{
    display: none;
}

.CollapsedLeft .LeftColumn .RadTreeView
{
    padding: 5px;
}

.CollapsedLeft .AppSearch
{
    position: relative;
    width: 40px;
    height: 26px;
    margin-left: 5px;
    box-shadow: 0px 0px 5px black;
    margin-bottom: 10px;
}

.CollapsedLeft .AppSearchInputPadder
{
    padding-right: 31px;
    height: 100%;
    display: none;
}

.CollapsedLeft .AppSearchButton
{
    width: 40px;
}

.CollapsedLeft .AppSearchButtonGlyph
{
    margin-right: auto;
    margin-left: auto;
    width: 27px;
}

.CollapsedLeft .AppSearch:hover
{
    width: 218px;
    transition: width .5s;
    -moz-transition: width .5s; /* Firefox 4 */
    -webkit-transition: width .5s; /* Safari and Chrome */
    -o-transition: width .5s; /* Opera */
}

    .CollapsedLeft .AppSearch:hover .AppSearchInputPadder
    {
        display: block;
    }

    .CollapsedLeft .AppSearch:hover .AppSearchInputPadder
    {
        display: block;
        padding-right: 0px;
        padding-left: 41px;
    }

    .CollapsedLeft .AppSearch:hover .AppSearchButton
    {
        left: 0px;
    }



/*End of Collapsed Menu Css*/


/*No Left Menu*/
.NoLeft .LeftColumn
{
    display: none;
    width: 0px;
}

.NoLeft .ContentContainer
{
    padding-left: 0px;
}











.HomeMessage
{
    font-family: arial, sans-serif;
    font-weight: bold;
    display: block;
    font-size: 2em;
    margin-bottom: 5px;
    margin-top: 5px;
    color: #2F526B;
}


/*Tiles*/

.TileWrap
{
    height: 150px;
    float: left;
    margin-left: 5px;
    margin-bottom: 10px;
    position: relative;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.62);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.62);
    cursor: pointer;
}


    .TileWrap:active
    {
        -webkit-box-shadow: inset 0px 0px 100px 0px rgba(0, 0, 0, .8);
        box-shadow: inset 0px 0px 100px 0px rgba(0, 0, 0, .8);
        outline: 4px solid;
    }

    .TileWrap:hover
    {
        outline:4px solid;
    }


    .TileWrap.Tile1
    {
        margin-left: 0px;
    }

	.TileWrap .TileTitle {
	color: white;
	font-size: 26px;
	float:left;
	margin-right:15px;
	margin-top:15px;
	margin-left:15px;
	margin-right:15px;
	width:100%;
	font-family: "Arial";
	text-shadow: #fff 0px 1px 0, #000 0 -1px 0;
	}

	.TileWrap .TileSubTitle {
		font-size: 22px;
		color: white;
		position: static;
		margin-top: 10px;
		margin-left: 15px;
		font-family: "Arial";
		text-shadow: #fff 0px 1px 0, #000 0 -1px 0;
		float:left;
		margin-right:100px;
	}





    .TileWrap .TileIcon
    {
        position: absolute;
        right: 10px;
        bottom: 0px;
        color: white;
        font-size: 95px;
        font-family: "TMW_glyphs";
        text-shadow: #fff 0px 1px 0, #000 0 -1px 0;
    }

    .TileWrap.GraphTileLarge
    {
        height: 240px;
        width: 49.5%;
    }




@media (max-width: 700px)
{
    .TileWrap
    {
        width: 100%;
        margin-left: 0px !important;
    }

        .TileWrap.GraphTileLarge
        {
            width: 100%;
            margin-left: 0 !important;
        }
}

@media (min-width: 700px) and (max-width: 940px)
{
    .TileWrap
    {
        width: 49%;
    }

    .Tile2, .Tile4, .Tile6, .Tile8
    {
        margin-left: 2%;
    }

    .Tile3, .Tile5, .Tile7
    {
        margin-left: 0%;
    }

    .TileWrap.GraphTileLarge
    {
        width: 100%;
        margin-left: 0 !important;
    }
}

@media (min-width: 940px) and (max-width: 1024px)
{
    .TileWrap
    {
        width: 32%;
    }

    .Tile2, .Tile3, .Tile5, .Tile6
    {
        margin-left: 2%;
    }

    .Tile4, .Tile7
    {
        margin-left: 0%;
    }


    .TileWrap.GraphTileLarge
    {
        width: 100%;
        margin-left: 0 !important;
    }
}

@media (min-width: 1024px) and (max-width:1224px)
{
    .TileWrap
    {
        width: 32.5%;
    }

    .Tile2, .Tile3, .Tile5, .Tile6, .Tile8, .Tile9
    {
        margin-left: 1%;
    }

    .Tile4, .Tile7
    {
        margin-left: 0%;
    }
}

@media (min-width: 1224px)
{
    .TileWrap
    {
        width: 24.25%;
    }

    .Tile2, .Tile3, .Tile4, .Tile6, .Tile7, .Tile8
    {
        margin-left: 1%;
    }

    .Tile5, .Tile9
    {
        margin-left: 0%;
    }
}

/*END Tiles*/


/*Menu MediaQueries to switch between mobile and regular menu*/
@media (max-width: 755px)
{
    .MainMenuHorizontal
    {
        display: none !important;
    }


    .TopLevelMenu
    {
        display: inline-block !important;
    }


    .Logo
    {
        display: block !important;
    }
}

@media (min-width: 755px)
{
    .MainMenuVertical
    {
        display: inline-block !important;
    }


    .TopLevelMenu
    {
        display: inline-block !important;
    }

    .StyledSelectMenu
    {
        display: none !important;
    }
}



/***
Charts and statistics
***/
.chart, .pie, .bars
{
    overflow: hidden;
    height: 140px;
    bottom: 0px;
}

/***
Statistic lists
***/
.item-list.table .percent
{
    width: 30px;
    float: right;
    margin-right: 10px;
    margin-top: 3px;
}

.item-list.table .title
{
    padding-top: -5px;
}

/***
Chart tooltips
***/
.chart-tooltip
{
    clear: both;
    z-index: 100;
    background-color: #736e6e !important;
    padding: 5px !important;
    color: #fff;
}

    .chart-tooltip .label
    {
        clear: both;
    }

.tickLabel
{
    color: white;
    font-family: arial;
}


/*Content*/
.SearchButtonDiv
{
    height: 26px;
    width: 12%;
    margin: 0px;
    padding: 0px;
    text-align: center;
    box-shadow: black 0px 0px 5px 0px;
}

    .SearchButtonDiv:active
    {
        box-shadow: rgb(0, 0, 0) 0px 0px 10px 0px inset, rgb(255, 255, 255) -1px -1px 1px 0px inset !important;
    }

        .SearchButtonDiv:hover .AppSearchButtonGlyph
        {
            color: #A2DAFD;
            text-shadow: rgba(0, 142, 241, .9) 0px 0px 3px, rgba(0, 142, 241, .6) 0px 0px 10px, rgba(0, 142, 241, .5) 0px 0px 25px;
        }


/*Imported from Enterprise needs to be simplified for use as framework*/
.SubHeaderLabel
{
    background-color:;
    color: white;
}

.LabelColor{}


/*overrides our current css will need to be implemented standalone*/
.PageButton .rbLinkButton
{
    background: -moz-linear-gradient(top, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0.34) 100%)!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.07)), color-stop(100%,rgba(0,0,0,0.34)))!important;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0.34) 100%)!important;
    background: -o-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0.34) 100%)!important;
    background: -ms-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0.34) 100%)!important;
    background: linear-gradient(to bottom, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0.34) 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12000000', endColorstr='#57000000',GradientType=0 )!important;
}

.PageButton .rbLinkButtonChecked
{
    filter: none !important;
    background-color: #2f526b;
    box-shadow: inset black 0px 0px 10px 0px,inset white -1px -1px 1px 0px !important;
    -webkit-box-shadow: inset black 0px 0px 10px 0px,inset white -1px -1px 1px 0px !important;
    border: none !important;
}

.RadButton_Default.rbLinkButton
{
    border: none!important;
    box-shadow: 0 0 3px 0 black;
    -webkit-box-shadow: 0 0 3px 0 black;
}

.ParameterUCContainer .SearchButtonDiv
{
    width: 12% !important;
    margin-top: 0px !important;
    margin-left: 0% !important;
    height: 26px !important;
	float:right;
}

.SearchButtonDiv .rbSkinnedButton
{
    background: -moz-linear-gradient(top, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0.34) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.07)), color-stop(100%,rgba(0,0,0,0.34)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0.34) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0.34) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0.34) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0.34) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12000000', endColorstr='#57000000',GradientType=0 );
    height: 26px;
}


.riHover, .riFocused, .riActive
{

}


/*content area css*/

.ParameterTxtBox
{
    display: block;
    float: left;
    width: 100%;
    height: 26px;
    font-size: 11px;
}

.SubHeaderLabel
{
    text-align: center;
    display: block;
    float: left;
    font-family: Arial;
    font-weight: bold;
    text-indent: 8px;
    font-size: 18px;
    width: 100%;
    height: 27px;
    line-height: 27px;
    text-align: left;
}

.ParameterLabel
{
    text-align: left;
    display: block;
    float: left;
    font-family: Arial;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 11px;
    height: 9%;
    width: 98%;
}

.ParameterLabelFirst
{
    text-align: left;
    display: block;
    float: left;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
    height: 11px;
    width: 98%;
}

.ParameterLabelInline
{
    text-align: left;
    display: block;
    float: left;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-size: 11px;
    height: 9%;
    width: 98%;
    margin-top: 3%;
    margin-bottom: .5%;
}

.DropDownDiv
{
    font-family: Arial;
    display: block;
    float: left;
    clear: both;
    width: 100%;
    height: 26px;
    font-size: 11px;
}

    .DropDownDiv input
    {
        border-collapse: separate;
    }


.LowerCaseDropDownDiv
{
    font-family: Arial;
    display: block;
    float: left;
    clear: both;
    width: 100%;
    height: 26px;
    font-size: 11px;
}

    .LowerCaseDropDownDiv input
    {
        border-collapse: separate;
    }





.ParameterColumnInner
{
    padding-left: 8px;
    padding-right: 8px;
}

.ParameterColumnLeft
{
    width: 30.6%;
    clear: left;
    display: inline;
    float: left;
    position: relative;
}

.ParameterColumn
{
    width: 30.6%;
    display: inline;
    float: left;
    margin-left: 4%;
    position: relative;
}

.ParameterColumnDouble
{
    width: 65.4%;
    display: inline;
    float: left;
    margin-left: 4%;
    position: relative;
}

.ParameterColumnDoubleFirst
{
    width: 65.4%;
    display: inline;
    float: left;
    margin-left: 0%;
    position: relative;
}

.ParameterColumnTriple
{
    width: 100%;
    display: inline;
    float: left;
    clear: both;
    position: relative;
}

.ParameterColumnHalfLeft
{
    width: 48%;
    float: left;
    display: inline;
    position: relative;
}

.ParameterColumnHalf
{
    width: 48%;
    float: left;
    display: inline;
    margin-left: 4%;
    position: relative;
}

.ClearFix
{
    width: 100%;
    height: 1px;
    clear: both;
}



/* Column within a "Parameter" Block*/
.ParameterInnerColumnTwoThirdFirst
{
    width: 58%;
    margin-right: 2%;
    float: left;
}

.ParameterInnerColumnTwoThirdLast
{
    width: 57.19%;
    float: left;
}

.ParameterInnerColumnOneThirdLast
{
    width: 40%;
    float: left;
}

.ParameterInnerColumnOneThirdFirst
{
    width: 40%;
    margin-right: 2%;
    float: left;
}

.InnerOneThirdColumn
{
    width: 32%;
    margin-right: 2%;
    float: left;
}

.InnerOneThirdColumnLast
{
    width: 32%;
    margin-right: 0%;
    float: left;
}

.ParameterColumnInnerOneHalfFirst
{
    width: 49%;
    margin-right: 2%;
    float: left;
}

.ParameterColumnInnerOneHalfLast
{
    width: 49%;
    float: left;
}

.ParameterColumnInnerOneFifth
{
    width: 18.4%;
    margin-right: 2%;
    float: left;
}

.ParameterColumnInnerOneFifthLast
{
    width: 18.4%;
    margin-right: 0%;
    float: left;
}

.ParameterColumnInnerOneFourth
{
    width: 22.4%;
    margin-right: 2%;
    float: left;
}

.ParameterColumnInnerOneFifthFourth
{
    width: 22.4%;
    margin-right: 0%;
    float: left;
}

.ModuleMargin
{
    margin-top: 24px;
}

.LeadingMargin
{
    margin-top: 15px;
}

.LastModule
{
    margin-bottom: 30px;
}



/*Content Area media queries*/

/*Media Queries*/
@media screen and (max-width: 1023px)
{
    .ParameterColumnLeft
    {
        min-width: 100px;
        width: 100% !important;
        clear: right;
    }

    .ParameterColumn
    {
        min-width: 100px;
        width: 100% !important;
        clear: right;
        margin-left: 0px;
    }

    .ParameterColumnDouble,
    .ParameterColumnDoubleFirst
    {
        min-width: 200px;
        width: 100%;
        clear: right;
        margin-left: 0px;
    }

    .ParameterColumnHalfLeft
    {
        width: 100%;
        display: inline;
    }

    .ParameterColumnHalf
    {
        width: 100%;
        display: inline;
        margin-left: 0%;
    }

    .ParameterColumnTriple
    {
        min-width: 300px;
        width: 100%;
        clear: right;
        margin-left: 0%;
    }

    .ModuleMargin
    {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .last_module
    {
        margin-bottom: 40px;
    }
}


@media screen and (min-width: 1024px) and (max-width: 1220px)
{
    /* Mini sized UCinUC*/
    .ParameterUCContainer.MiniUCContainer .RadButton_Metro .rbDecorated
    {
        font-size: 13px;
    }
}

/*Labels/Text Boxes/Dropdowns That have Failed Validation*/
.ValidationFailed.LabelColor
{
    color: rgba(255, 0, 0, 1) !important;
}

.ValidationFailed .riTextBox
{
    box-shadow: inset 0px 0px 29px 0px rgba(255, 0, 0, 0.5) !important;
    -webkit-box-shadow: inset 0px 0px 29px 0px rgba(255, 0, 0, 0.5) !important;
    border: red solid 1px !important;
}

    .ValidationFailed .riTextBox:focus
    {
        box-shadow: inset 0px 0px 29px 0px rgba(255, 0, 0, 0.5),0 0 .3em .3em rgba(255, 0, 0, 0.5) !important;
        -webkit-box-shadow: inset 0px 0px 29px 0px rgba(255, 0, 0, 0.5), 0 0 .3em .3em rgba(255, 0, 0, 0.5) !important;
    }

.ValidationFailed .riHover
{
    box-shadow: inset 0px 0px 29px 0px rgba(255, 0, 0, 0.5),0 0 .3em .3em rgba(255, 0, 0, 0.5) !important;
    -webkit-box-shadow: inset 0px 0px 29px 0px rgba(255, 0, 0, 0.5), 0 0 .3em .3em rgba(255, 0, 0, 0.5) !important;
}

.ValidationFailed .riFocused
{
    box-shadow: inset 0px 0px 29px 0px rgba(255, 0, 0, 0.5),0 0 .3em .3em rgba(255, 0, 0, 0.5) !important;
    -webkit-box-shadow: inset 0px 0px 29px 0px rgba(255, 0, 0, 0.5), 0 0 .3em .3em rgba(255, 0, 0, 0.5) !important;
}

.ValidationFailed .riEnabled:focus
{
    box-shadow: inset 0px 0px 29px 0px rgba(255, 0, 0, 0.5),0 0 .3em .3em rgba(255, 0, 0, 0.5) !important;
    -webkit-box-shadow: inset 0px 0px 29px 0px rgba(255, 0, 0, 0.5), 0 0 .3em .3em rgba(255, 0, 0, 0.5) !important;
}

.ValidationFailed td.rcbInputCellLeft
{
    box-shadow: inset 0px 0px 29px 0px rgba(255, 0, 0, 0.5) !important;
    -webkit-box-shadow: inset 0px 0px 29px 0px rgba(255, 0, 0, 0.5) !important;
}

.ValidationFailed table tbody tr
{
    border: rgb(255,0,0) solid 1px !important;
}

.ValidationFailed td.rcbArrowCellRight
{
    background-color: rgb(255, 43, 43) !important;
}

.ValidationFailed .rcbHovered .rcbArrowCellRight
{
    background-color: rgb(255, 43, 43)!important;
}

.ValidationFailed input:focus, .RadComboBox_TMW_v1.ValidationFailed textarea:focus
{
    box-shadow: 0 0 .3em .3em rgba(255, 0, 0, 0.5) !important;
    -webkit-box-shadow: 0 0 .3em .3em rgba(255, 0, 0, 0.5) !important;
}
/*End of Failed Validation Section*/