html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-weight: inherit; 
	font-style: inherit; 
	font-size: 100%; 
	font-family: inherit; 
	vertical-align: baseline; 
}

.full-width {
    width: 100%;
}
.bold-header th {
    font-weight: bold;
}
/* To prevent browser jump based on page height */
html { overflow-y: scroll; }

body { line-height: 1; color: black; background: #fff; font-size: 16px; }

.captionParagraph { 
	padding: 1em 1em 0.5em 0;
    line-height: 1em;
    display: block;
    height: 1.3em;
    background: #fff;
    width: 100%;
    font-weight: normal;
    color: #546030;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    height: auto;
}

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: "" }

blockquote, q { quotes: "" "" }


/*** Basic Clearfix ***/
.cf:before, .cf:after { content: ""; display: table; }

.cf:after { clear: both }

.group:after, #primarycontent:after, ul.progress:after, #wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.groupleft:after { content: "."; display: block; height: 0; clear: left; visibility: hidden; }

.groupright:after { content: "."; display: block; height: 0; clear: right; visibility: hidden; }
/*** General ***/

html 
{
	background: #546030;
}

ul.skip { display: block; float: left; position: absolute; left: -9999em; }

body
{
	background: #ccc;
	font: 14px/21px "HelveticaNeue" , "Helvetica Neue" , Helvetica, Arial, sans-serif;
}

#wrapper { background: #fff; border-width: 0 0 1px 0; border-style: solid; border-color: #fff; overflow: hidden; -webkit-box-shadow: 0 5px 8px rgba(0,0,0,.4); -moz-box-shadow: 0 5px 8px rgba(0,0,0,.4); box-shadow: 0 5px 8px rgba(0,0,0,.4); }

#pagecontent
{
    background: #A3A092;
}

.application { background: rgba(255,255,255,.5) }


/* HEADER
=================================== */
#header
{
	width: 100%;
	background: #546030;
	border-bottom: 4px solid #ffffff;
	position: relative;
	height: 100px;
	-webkit-box-shadow: 0 5px 8px rgba(0,0,0,.4);
}
    #header h1 span { display: block; background: url(../../images/MDLogo.gif) 5% 0% no-repeat; height: 100px; width: 400px; text-indent: -9999em; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; }
        #header h1 span:hover { opacity: .85 }
    
    #header div#headerLinks
{
	font-size: 0.8em;
	float: right;
	color: #353535;
	padding: 0.2em 0.5em 0 0;
	margin: 0;
	height: 30px;
}
        #header div#headerLinks:after { clear: both }

    #header div#headerLinks a { color: #353535; text-decoration: none; line-height: 1em; }
        #header div#headerLinks a:hover { color: #fc0; text-decoration: underline; }
        #header div#headerLinks a:visited { color: #666666; }
#pagecontent #header
{
    background: #546030;
    color: #fff;
    border-bottom: 2px solid #fff;
    height: 110px;
}

#header h2.application-name, #header h2.organization-name  
    {text-transform: uppercase; letter-spacing: 1px; font-weight: normal;
     padding: 0 1em 1em 0; margin: 0 auto; position: absolute; left: 180px; 
     font-family: Georgia, 'Times New Roman', serif; font-weight: normal; margin-top: 1em; }


#header h2.organization-name {font-size: 1.24em; 
                              margin:.5em 0 0 0; 
                              font-family:"Times New Roman", Georgia, serif; color:#FFF }


#header h2.application-name { font-size: 2.5em;
                              margin-top:0.8em;
                              font-family:"Times New Roman", Georgia, serif; color:#FFF; }
#header div#headerLinks a, #header div#headerLinks a, #header div#headerLinks a:visited {color: #fff;}
.app-bar
{
    color: #eee;
    text-align: left;
    margin: 0em auto 0em auto;
    padding: 0 2px;
    width: 1200px !important;
}


.apptitle {
    padding: 0.5em 1em;
    background-color: #546030;
    font-size: 1.3em;
    position: relative;
    z-index: 99999;
    border-bottom: solid 2px white;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    text-align: center;
}
#navbar { background-color: #770000; border:solid 1px #770000; padding:0 1em; position:relative; z-index: 99999; height:2.4em; text-align: left; font-weight:bold;  }

.title { width: 100%; position: relative; margin: 0 auto; padding: 0 10px 0 0; text-align: left; height: 80px; }

#header #nav { list-style: none; padding: 0; margin: 0; }
    #header #nav li { display: inline; }
    #header #nav a { display: inline-block; }

#header .topnavigation { text-align: right }

.topnavigation ul { width: 62.5em; margin: 0 auto; }

 .topnavigation ul li { display: inline; padding: 0; margin: 0; }

#header .topnavigation ul li a { -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; color: #444; padding: 1em 1em; display: inline-block; text-decoration: none; }

#header .topnavigation ul li.current a { background: #BD1E2D; color: #fff; color: rgba(255,255,255,.9); text-shadow: 0 -1px 0 rgba(0,0,0,.3); background: #971E2D; /* old browsers */ background: -moz-linear-gradient(top, #C43442 0%, #971E2D 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C43442), color-stop(100%,#971E2D)); /* webkit */ }

.topnavigation ul li a:hover { background: #eee; background: rgba(0,0,0,.1); }

#header .topnavigation ul li.current a:visited { color: #fff }
#header .topnavigation ul li a:visited { color: #444 }


#ctrlId label {font-size:1.3em; color:#444;}

/*html {
    background-color: #546030;
	margin: 0;
    padding: 0;
}

body
{
	background-color: #A3A092;
	border-top: solid 10px #000;
	color: #333;
	font-size: .85em;
	font-family: "Segoe UI" , Verdana, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
}*/
body
{
    line-height: 1;
    color: black;
    background: #fff;
}
#pagecontent
{
    background: #A3A092;
}

.application
{
    background: rgba(255,255,255,.5);
}


/* HEADER
=================================== */


/*** Overall styles ***/

em
{
    font-style: normal;
}

h1, h2, h3
{
    font-weight: bold;
    line-height: 1.8em;
}
h1
{
    font-size: 1.6em;
}
h2
{
    font-size: 1.4em;
}
h3
{
    font-size: 1.2em;
}

div#wrapper h2
{
    margin: 0 0 1em 0;
    font-weight: normal;
}


h3 em
{
    font-weight: normal;
    font-style: normal;
}

h1
{
    float: left;
    margin: 0;
    padding: 0;
    height: 0;
    width: 0;
}

h4, h5, h6
{
    font-family: Helvetica, Arial, sans-serif;
}

.title h2 em
{
    font-weight: bold;
    font-style: normal;
}

.title h2 a
{
    text-decoration: none;
}

.title h2 a:hover
{
    color: #003a67;
}

h3
{
    font-size: 1.2em;
    padding: 0 0 1em 0;
    color: #444;
}

h4
{
    font-size: 1em;
    padding: .5em 0 .2em 0;
    font-weight: bold;
    color: #444;
    text-shadow: 0 1px 0 rgba(255,255,255,.9);
}

h5
{
    font-size: .9em;
    padding: 1em 0 .2em 0;
    text-shadow: 0 1px 0 rgba(255,255,255,.9);
}

h6
{
    font-size: .8em;
    padding: 1em 0 .2em 0;
}

fieldset h4
{
    padding: 1em 0;
}

h2 img
{
    margin-left: .5em;
}
a {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}



    a:link, a:visited,
    a:active, a:hover {
        color: #333;
    }

  

header, footer, hgroup,
nav, section {
    display: block;
    
}
.header
{
    background: #546030;
    color: #fff;
    border-bottom: 2px solid #fff;
    height: 95px;
}
.header h2.application-name, .header h2.organization-name  
    {text-transform: uppercase; letter-spacing: 1px; font-weight: normal;
     padding: 0 1em 1em 0; margin: 0 auto; position: absolute; left: 10em; 
     font-family: Georgia, 'Times New Roman', serif; font-weight: normal; margin-top: 1em; }


.header h2.organization-name {font-size: 1.24em; 
                              margin:1.6em 0 0 30em; 
                              font-family:"Times New Roman", Georgia, serif; color:#FFF }


.header h2.application-name { font-size: 2.8em;
                              margin-top:1.1em;
                              margin-left:7.5em;
                              font-family:"Times New Roman", Georgia, serif; color:#FFF; }
.header div#headerLinks a, .header div#headerLinks a, #header div#headerLinks a:visited {color: #fff;}
/* Wrapper  */
#wrapper p { font-weight: normal; color: #444; }

.anchorlist { background: none }

#wrapper #inner-wrapper .anchorlist a
{
    text-decoration: none;
    background: #eee;
    display: inline-block;
    margin: 0;
    font-size: 1.1em;
    padding: .4em .65em;
    text-shadow: 0 -1px 0 rgba(255,255,255,.9);
}

#inner-wrapper {
    margin-left: 9px !important;
}

.anchorlist a:hover { -webkit-transform: scale(1.2); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3); background: #ddd; }

a.backtotop { text-decoration: none; background: #E2F0FF; padding: .5em; float: right; font-size: .8em; position: absolute; right: -1.3em; z-index: 200; -webkit-box-shadow: 2px 4px 4px rgba(0,0,0,.2); }

a.backtotop:hover { color: #A41E2D }

#wrapper ul { margin: 0; padding: 0; }

ul li { list-style-position: outside; list-style-type: square; line-height: 1.3em; padding: 0 0 .75em 0; }

ol li { list-style-position: outside; list-style-type: decimal; }

ol, ul { margin: 0 0 1em 1.5em; color: #444; }

ul.requirements, ol.requirements { margin: 1em 0 2em 0; padding: 0 0 0 1.5em; }

 ul.requirements li, ol.requirements li { line-height: 1.8em; list-style-position: outside; }

a { color: #870101 }

a:active { color: #AD1E2D }

a:hover { color: #AD1E2D }

a:visited { color: #555 }

/*** General Form Styles ***/

#wrapper .inner-wrapper fieldset { display: block; margin: 0 auto; }

#wrapper .inner-wrapper ol { display: block; width: 100%; }

 #wrapper .inner-wrapper ol li { line-height: 1.2em; font-size: 1em; }

  #wrapper .inner-wrapper ol li label { display: block; line-height: 1.3em; font-size: .9em; margin-top: 1em; font-weight: bold; color: #444; padding: 0em 0 .2em 0; text-shadow: 0 1px 0 rgba(255,255,255,1); }

html.ie7 #wrapper .inner-wrapper ol li label { float: left; width: 100%; }

#wrapper .inner-wrapper ul.inline { margin: 0; padding: 0; list-style: none; width: 100%; }

#wrapper .inner-wrapper fieldset ol li.inline { margin: 0; padding: 0; }

#wrapper .inner-wrapper ol li.inline ul li label { margin: 0; padding: 0 0 1em 0; display: block; float: right; width: 92%; border-bottom: 1px solid #ccc; }

#wrapper .inner-wrapper fieldset label ul { padding: 1em 0 0 1.5em; display: block; font-size: .95em; }

#wrapper .inner-wrapper ol li.inline ul li { display: block; clear: both; float: left; width: 90%; margin: 0 0 1em 0; padding: 0; }

#wrapper .inner-wrapper ol li.inline { width: auto; line-height: 1em; display: block; clear: both; }

html.ie7 #wrapper .inner-wrapper fieldset ol li h4 { float: left; width: 100%; }

#wrapper .inner-wrapper ol li.inline label { display: inline-block; padding: 0; margin: 0; line-height: 1.5em; font-weight: normal; float: none; width: auto; font-size: 1em; }

html.ie7 #wrapper .inner-wrapper ol li.inline label { float: none; width: auto; }

#wrapper .inner-wrapper  ul.inline input[type="checkbox"], #wrapper .inner-wrapper  ul.inline input[type="radio"] { width: auto; border: none; padding: 0; margin: .3em 1em 0 0; vertical-align: top; font-size: 1em; }

#wrapper .inner-wrapper  ul li.inline input[type="radio"] { margin-left: .15em; float: left; font-size: .95em; }

html.ie7 #wrapper .inner-wrapper  ol li.inline input[type="checkbox"], html.ie8 #wrapper .inner-wrapper  ol li.inline input[type="checkbox"] { margin-top: 0 }

html.ie6 #wrapper .inner-wrapper  ul.inline input { width: auto; width: 2em; display: inline; float: left; }

#wrapper .inner-wrapper ol li.inline ul li input[type="checkbox"] { display: block; float: left; }

#wrapper .inner-wrapper ol { margin: 0 }

#wrapper .inner-wrapper fieldset ol li { }


#wrapper .inner-wrapper ol li input:focus { -webkit-box-shadow: 0 0 5px rgba(255,255,255,.9); -moz-box-shadow: 0 0 5px rgba(255,255,255,.9); box-shadow: 0 0 5px rgba(255,255,255,.9); }

#wrapper .inner-wrapper ol li input[type="text"].autolength, #wrapper .inner-wrapper ol li input[type="password"].autolength { width: auto }

#wrapper .inner-wrapper ol li input.normal-length { width: auto }

html.ie7 #wrapper .inner-wrapper ol li input.normal-length { float: left; display: block; clear: both; }

#wrapper .inner-wrapper ol li.multi-line { display: inline; width: auto; }

 #wrapper .inner-wrapper ol li.multi-line input { display: block; z-index: 200; }

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }

/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    /*max-width: 960px;*/
	max-height: 90%;
}
#wrapper
{
	background: #fff;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #fff;
	overflow: hidden;
	-webkit-box-shadow: 0 5px 8px rgba(0,0,0,.4);
	-moz-box-shadow: 0 5px 8px rgba(0,0,0,.4);
	box-shadow: 0 5px 8px rgba(0,0,0,.4);
	margin: 1em auto 2em;
	padding: 0.5em 1em;
}
#wrapper h2
{
	 padding: 1em 1em 0.5em 0;
    line-height: 1em;
    display: block;
    height: 1.3em;
    background: #fff;
    width: 100%;
    font-weight: bold;
    color: #565B4B;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    height: auto;
	text-transform: uppercase;
}
#body {
    background-color: #efeeef;
    background-color: #A3A092;
    clear: both;
    padding-bottom: 5px;
   
}

    .main-content {
       /* background: url("../Images/accent.png") no-repeat;
        padding-left: 10px;
        padding-top: 30px;*/
    }

    .featured + .main-content {
       /* background: url("../Images/heroAccent.png") no-repeat;*/
    }

header .content-wrapper {
    padding-top: 20px; 
    padding-top: 0px; 
}
 .group:after, #primarycontent:after, ul.progress:after, #wrapper:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}   


/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 1.8em;
    margin: 0;
}

.site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    color: #c8c8c8;
    outline: none;
    text-decoration: none;
}


/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
    
}

    #login a {
       
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
        color:#fff;
    }

    #login a.username {
        background: none;
        margin-left: 0px;
        text-decoration: underline;
        color:#fff;
    }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }


/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1.1em;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a {
            background: none;
            color: #fff;
            text-decoration: none;
        }

        ul#menu li a:hover {
            color: #ffcc00;
            text-decoration: none;
        }

ul.menu {
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul.menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
        font-size: 12px;
    }

    @media( max-width: 1023px ) {
        ul.menu li {
            font-size: 10px;
        }
    }

        ul.menu li a {
            background: none;
            color: #fff;
            text-decoration: none;
        }

        ul.menu li a:hover {
            color: #f2e783;
            text-decoration: none;
        }

        .selected a {
            color: #ffcc00 !important;
        }


ul.areaMenu {
    font-size: 1.1em;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul.areaMenu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul.areaMenu li a {
            background: none;
            color: #546030;
            text-decoration: none;
        }

        ul.areaMenu li a:hover {
            color: #ffcc00;
            text-decoration: none;
        }

/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    
}

    .featured .content-wrapper {
        background-color: #546030;
        background-image: -ms-linear-gradient(left, #546030 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #546030 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #546030), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #546030 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #546030 0%, #a4d4e6 100%);
        color: #eee;
       padding: 0.5em 1em;
        z-index: 99999;
    border-bottom: solid 2px white;
    margin-bottom: 0.5em;
    }

        .featured hgroup.title h1, .featured hgroup.title h2 {
            color: #fff;
        }

        .featured p {
            font-size: 1.1em;
        }

/* page titles */
hgroup.title {
  
}

hgroup.title h1, hgroup.title h2 {
    display: inline;
}

hgroup.title h2 {
    font-weight: normal;
    margin-left: 3px;
}

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}
#wrapper .inner-wrapper ol.round 
{
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }
#inner-wrapper ol.round li {
		margin: 10px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("../../Images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("../../Images/orderedList1.png") no-repeat;
        }

        ol.round li.two {
            background: url("../../Images/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("../Images/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("../../Images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("../../Images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("../Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("../Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("../Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("../Images/orderedList9.png") no-repeat;
        }

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-weight: 700;
}

/* login page */
.marginTopLogin {
    margin: 1em;
    padding-top: 0.5em !important;
    padding-right: 1.7em !important;
    padding-bottom: 0.5em !important;
    padding-left: 1.7em !important;
}
#loginForm {
    float: left;
    width: 100%;
    border: none;
}

#loginFormTop {
    border-right: solid 2px #c8c8c8;
    min-width: 350px;
}
#loginFormTop input {
    width: 80% !important;
}
#loginForm .validation-error {
        display: block;
        margin-left: 15px;
}


#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom:  5px;
    }

fieldset.open-auth-providers {
    margin-top: 15px;
}

    fieldset.open-auth-providers button {
        margin-bottom: 12px;
    }
    
/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }
    
    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

    label {
        display: block;
        display: inline;
        font-size: 1.0em;
        font-weight: 600;
        padding-left:10px;
    }
    label.radio 
    {
    	display: inline;
    	padding-left:10px;
    }
    label.checkbox {
        display: inline;
    }

    input, textarea, select {
        background: #fff;
        border: 1px solid #e2e2e2;
        color: #333;
        font-size: 0.9em;
        margin: 2px 2px 2px 2px;
        padding: 5px;
        width: auto;
    }

    textarea, select {
        width: 240px;
    }

    textarea {
        font-family: inherit;
        width: 500px;
    }
    
        input:focus, textarea:focus {
            border: 1px solid #7ac0da;
        }

        input[type="checkbox"] {
            background: transparent;
            border: inherit;
            width: auto;
        }



input[type="text"], input[type="tel"], input[type="email"], input[type="password"]{
    max-height: 1.3em;
}

select {
   /* max-height: 1.8em; */
}



     
    input[type="submit"],input[type="reset"],input[type="cancel"],
    input[type="button"],
    button {
        display: inline-block;
		background: #ccc;
		text-decoration: none;
		padding: .5em 1.7em; 
		border: none;
		text-align: center;	
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border-radius: .3em;
		-webkit-transition: background .3s ease;
		-o-transition: background .3s ease;
		transition: background .3s ease; 
		/* height: 1em; */
		font-size: .9em;
		cursor: pointer;
		opacity: .9;
		width:auto;
    }
    .linkinput
    {
    	display: inline-block;
		background: #ccc;
		text-decoration: none;
		padding: .5em 1.7em; 
		border: none;
		text-align: center;	
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border-radius: .3em;
		-webkit-transition: background .3s ease;
		-o-transition: background .3s ease;
		transition: background .3s ease; 
		/* height: 1em; */
		font-size: .9em;
		cursor: pointer;
		opacity: .9;
		width:auto;
    }

    td input[type="submit"],
    td input[type="button"],
    td button {
    display: inline-block;
	background: #ccc;
	text-decoration: none;
	padding: .5em 1.7em; 
	border: none;
	text-align: center;	
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-transition: background .3s ease;
	-o-transition: background .3s ease;
	transition: background .3s ease; 
    /* height: 1em; */
	font-size: .9em;
	cursor: pointer;
    opacity: .9;
}
    
.button  {
  font-size: 12px !important;
}

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.0em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors ul {
    color: #e80c4d;
    font-size: 1.1em;
}
.validation-summary-errors ul li{
   list-style-type:none;
    color: #e80c4d;
    font-weight: bold;
}

.validation-summary-valid {
    display: none;
}

/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse !important;
    border-spacing: 0;
    margin-top: 0.75em;
    border: solid 5px #f2f2f2;
	width: 100%;

}

tr:nth-child(even) {
	background-color: #f2f2f2 !important;
}

tr {
border: 1px solid #ddd !important;
}

tr:hover td {
	background-color: #d7dec0 !important;
}

th {
	font-size: 1.0em;
	background-color: #474e5d !important;
	padding: 5px !important;
    text-align: left;
	color: white !important;
    border: none 0px;
    padding-left: 0;
}

th a {
    display: block;
    position: relative;
        
}

th a:link, th a:visited, th a:active, th a:hover {
	color: #333;
	font-weight: 600;
	text-decoration: none;
    padding: 0;
}

th a:hover {
	color: #000;
}

th.asc a, th.desc a {
    margin-right: .75em;
}
    
th.asc a:after, th.desc a:after {
	display: block;
    position: absolute;
    right: 0em;
    top: 0;
    font-size: 0.75em;
}

th.asc a:after {
	content: '▲';
}

th.desc a:after {
	content: '▼';
}

td {
    padding: 0.3em 0.5em 0.3em 0.5em !important;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}






/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right {
        float: none;
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* login */
    #login {
        font-size: .85em;
        margin: 0 50px 12px 0;
        position: absolute;
        right: 0px;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

        #login a:hover {
            color: #333;
        }

    /* menu */
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0 50px 0 0;
        padding: 0;
        position: absolute;
        top: 40px;
        right: 0px;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
       /* background-position: 10px 0;*/
    }

    .content-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine {
                background: none;
            }

     /* features */
     section.feature {
        float: none;
        padding: 10px;
        width: auto;
     }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    input {
        width: 90%;
    }

    .form-person {
    width: 148px !important;
    }
    
    /* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }

    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right {
        float: none;
    }

    footer {
        text-align: center;
        height: auto;
        padding: 10px 0;
    }

        footer p {
            margin: 0;
        }
}
/* END: Mobile Styles */

/*** Link Buttons ***/

a.button, input.button[type="submit"], .actions button, .actions a {
    display: inline;
	background: #ccc !important;
	text-decoration: none;
	padding: .5em 1.7em; 
	border: none;
	text-align: center;	
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	margin: 1em .3em 1em 0;
	-webkit-transition: background .3s ease;
	-o-transition: background .3s ease;
	transition: background .3s ease; 
    /* height: 1em; */
	font-size: .9em;
	cursor: pointer;
    opacity: .9;
	/*color: #333 !important;*/
}

a.button.small {padding: .15em .8em; text-shadow: 0 1px 0 rgba(255,255,255,.8); margin: 0;}

fieldset .button {margin-left: 1em;}

a.button.add {
  background: #7EC58B; /* old browsers */
  background: -moz-linear-gradient(top, #7EC58B 0%, #65AA6F 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7EC58B), color-stop(100%,#65AA6F)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7EC58B', endColorstr='#65AA6F',GradientType=0 ); /* ie */
  color: #fff;
  color: rgba(255,255,255,.9);
  text-shadow: 0 -1px 1px rgba(0,0,0,.4);
}
a.button.add:hover {
  background: #65AA6F; /* old browsers */
  background: -moz-linear-gradient(top, #65AA6F 0%, #7EC58B 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65AA6F), color-stop(100%,#7EC58B)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65AA6F', endColorstr='#7EC58B',GradientType=0 ); /* ie */
}

a.button.primary, input.button[type="submit"], .actions button.positive, #wrapper .actions a.positive {
	
	background: #b5bdc8; /* Old browsers */
background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 36%, #444444 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#444444)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#444444 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#444444 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#444444 100%); /* IE10+ */
background: linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#444444 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#444444',GradientType=0 ); /* IE6-9 */

	
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}


html.ie6 a.button.primary {height: 2em; line-height: 2em; background: #444; color: #fff; padding: 2em; text-decoration: none;}

a.button.primary:hover, 
a.button.secondary:hover, 
a.positive:hover, 
a.button.neutral:hover, 
a.neutral:hover, 
input.button[type="submit"]:hover, 
.actions button:hover,
a.button.negative:hover, 
.actions a.negative:hover {
  opacity: 1; cursor: pointer;
}

#wrapper a.button.secondary {
  background: #eee; /* old browsers */
	padding: .6em 1.5em;
	color: #444;
	margin-left: 1em;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
  text-decoration: none;
}


a.button.neutral, .actions a.negative, a.neutral, a.button.negative {
	background: #A9ABAE; /* old browsers */
	background: -moz-linear-gradient(top, #D0D2D3 0%, #D0D2D3 25%, #A9ABAE 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D0D2D3), color-stop(25%,#D0D2D3), color-stop(100%,#A9ABAE)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D0D2D3', endColorstr='#A9ABAE',GradientType=0 ); /* ie */
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  padding: .2em;
  margin-top: 0;
  margin-left: 1em;
}


a.button.alternate, input.button.alternate[type="submit"] {
background: rgb(254,252,234); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
color: #444; 
text-shadow: 0 1px 0 rgba(255,255,255,.9);

padding: .4em .8em;
height: 2em;


}



.actions {padding: 0 1em; clear: both;}

.wrapper, #footerwrapper {
    margin: 0 auto;
    text-align: left;
    width: 970px;
}
.failureNotification, .RedStar
{
   
    color: Red;
}
.aspNetDisabled
{display: inline-block;
	
	text-decoration: none;
	padding: .5em 1.7em; 
	border: none;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	margin: 1em .3em 1em 0;
	-webkit-transition: background .3s ease;
	-o-transition: background .3s ease;
	transition: background .3s ease; 
    /* height: 1em; */
	font-size: .9em;
	cursor: pointer;
    opacity: .9;
}
/*** Feature Box ***/

#wrapper .featurebox a{
  background: #444444; /* Old browsers */
  background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 36%, #444444 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#444444)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#444444 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#444444 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#444444 100%); /* IE10+ */
  background: linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#444444 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
  
  display: block;
  padding: 1.6em 1em;
  -webkit-border-radius: .4em;
  -moz-border-radius: .4em;
  border-radius: .4em;
  margin-top: 1em;
  margin-bottom: 2em;
  opacity: .9;
  -webkit-transition-property: all;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: ease-in-out;
  font-size: .95em;
}




#wrapper .featurebox a {text-decoration: none;  color: #fff; margin-bottom: 1em; text-shadow: 0 -1px 0 rgba(0,0,0,.4);  text-transform: uppercase;}
#wrapper .featurebox a em {font-style: normal; font-weight: bold;}
#wrapper .featurebox a:hover {-webkit-box-shadow: 0 0 9px rgba(204,204,153,.8); -moz-box-shadow: 0 0 9px rgba(204,204,153,.8); box-shadow: 0 0 9px rgba(204,204,153,.8); color: #FFCC00;}
#wrapper .featurebox a span {display: block; font-size: .85em; margin-top: .3em; color: #fff; color: rgba(255,255,255.6); opacity: .8;}
#wrapper .featurebox h3 {padding: 1em; color: #fff;}
#wrapper .featurebox p {padding: .8em; display: block; color: #fff; margin: 0; padding: 0 1.3em 1em 1.3em;}
/*endfeaturebox*/

.display-label
{
	font-weight: 700;
	display: inline;
	padding-right: 10px;
	width: auto;
}

.display-field {
    float:right;
    width: 180px;
    padding-right: 15px;
}


.editor-field{}
.sm-input{width: 50%;}
fieldset {
    clear: both;
    padding-bottom: 1em;
    width: 100%;
}
/*** Fieldsets and Forms ***/

fieldset
{
    background:  #fff;
    margin: 0 1em .7em 0;
    padding: 0.5em 0 0 0;
    display: none;
}

html.ie6 fieldset
{
    width: 95%;
    margin-top: 1em;
    border-top: 4px solid fff;
}

fieldset.plain
{
    padding: 0;
    margin: 0;
}

fieldset.plain dl
{
    padding: 0 1em;
    border: none;
    margin-top: 0;
    background: none;
}

#pagecontent fieldset.plain dl dd
{
    padding: 0;
    margin: 0;
    line-height: 1em;
}

fieldset legend
{
    padding: 1em 1em 0.5em 0;
    line-height: 1em;
    display: block;
    height: 1.3em;
    background: #fff;
    width: 100%;
    font-weight: normal;
    color: #565B4B;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    height: auto;
}

html.ie6 fieldset legend, html.ie7 fieldset legend
{
    background: none;
}

#wrapper fieldset.summary ol li
{
    padding: 0;
    margin: 0;
    display: block;
    line-height: 1em;
}

#wrapper fieldset.summary ol li span.title
{
    display: block;
    margin: 0;
    padding: 1.5em 0 .2em 0;
    height: auto;
}

html.ie6 #wrapper fieldset.summary ol li span.title, html.ie7 #wrapper fieldset.summary ol li span.title
{
    float: left;
    width: 100%;
}

fieldset ul, fieldset ol
{
    direction: block;
    width: 100%;
    display: block;
}

fieldset ul li, fieldset ol li
{
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 0;
    display: block;
    position: relative;
    width: 95%;
    display: block;
}

fieldset p
{
    padding: 0 .8em;
}

fieldset label
{
    padding: .2em .1em 0em .4em;
    font-size: .85em;
    font-weight: bold;
    color: #333;
}

#primarycontent.topaligned fieldset label
{
    display: block;
}

#primarycontent.topaligned .actions
{
    padding: .5em 1.6em;
}

fieldset.signin
{
    background: #dedede;
}

fieldset.signin legend
{
    color: #888;
}

fieldset.signin legend em
{
    color: #1D2841;
    font-style: normal;
    letter-spacing: .2em;
}

fieldset input[type="text"], fieldset input[type="password"], fieldset input[type="tel"], fieldset input[type="url"], fieldset input[type="number"], fieldset input[type="email"], fieldset textarea
{
    padding: .3em 0em;
    border: 1px solid #b5bdc8;
    border-radius: 4px;
    font-size: 1em;
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

fieldset input[type="text"]:focus, fieldset input[type="password"]:focus, fieldset input[type="tel"]:focus, fieldset input[type="url"]:focus, fieldset input[type="number"]:focus, fieldset input[type="email"]:focus, fieldset textarea:focus
{
    -webkit-box-shadow: 0px 0px 14px rgba(255,255,255,.8);
    -moz-box-shadow: 0px 0px 14px rgba(0,0,0,.1);
}

#primarycontent.topaligned fieldset ul li span
{
    font-size: .85em;
    color: #555;
}

#primarycontent input[type="radio"]
{
    float: left;
    display: inline-block;
    vertical-align: text-bottom;
    margin: 0;
    padding: 0;
}

/*** Top Aligned Fieldsets ***/

fieldset ol
{
    display: block;
    padding: 0 1em;
}

fieldset ol.topalign li
{
    list-style: none;
}

fieldset ol.topalign li label
{
    display: block;
}

/*** Left Aligned Fieldsets ***/

#primarycontent.leftalign ul li label
{
    clear: both;
    width: 14.5em;
    display: block;
    float: left;
    text-align: right;
    padding-right: 1em;
    white-space: normal;
    line-height: 2.5em;
}

#primarycontent.leftaligned fieldset ul li span
{
    font-size: .85em;
    padding-left: 16em;
    text-align: left;
}

#primarycontent.leftaligned .actions
{
    padding-left: 13.5em;
}

#primarycontent.leftaligned fieldset.review label
{
    font-weight: normal;
    line-height: 1em;
}

#primarycontent.leftaligned fieldset.review strong
{
    padding: .6em;
}

#primarycontent.leftaligned ul.review
{
    margin-left: 12em;
    text-align: left;
    margin-top: 1em;
}

#primarycontent.leftaligned ul.review ul li strong
{
    clear: both;
    margin: 0;
    padding: 0;
}

#primarycontent.leftaligned ul.review li label
{
    clear: both;
    display: block;
    text-align: left;
    width: auto;
    margin-left: 0;
}

/*** Footer ***/


#footer
{
	margin: 0 auto;
	border-top: 2px solid #FFFFFF;
	color: #ddd;
	clear: both;
	display: block;
	height: 15em;
	padding: 1em 0 4em 0;
	background: #546030;
}

html.no-js #footer, html.no-rgba #footer { background: #231F20 }

html.ie6 #footer { background: none; background: #272727; float: left; width: 100%; height: 13em; overflow: hidden; }

.footercontent { text-align: left; clear: both; position: relative; }

#footer dl { font-size: .8em; text-shadow: 0 -1px 0 rgba(0,0,0,.2); color: #eee; position: relative; }


.footercontent {
  text-align: left;
  clear: both;
  position: relative;
}

#footer dl { font-size: .8em; text-shadow: 0 -1px 0 rgba(0,0,0,.2); color: #eee; position: relative; }

 #footer dl dd dl { font-size: 1em; margin: 0; }

#footer dl.address { float: left }

#footer dt { font-weight: bold; line-height: 1.7em; font-size: 1.4em; color: #fff; }

#footer dd { line-height: 1.5em }

#footer a { color: #fff; text-decoration: none; display: block; border-radius: 4px; -webkit-border-radius: 4px; -webkit-border-radius: 4px; }

#footer a:active { color: #DDF2FD }

#footer a:hover { color: #DDF2FD; text-decoration: underline; cursor: pointer; }

#footer a:visited { color: #fff }

#primarycontent input[type="radio"], #primarycontent fieldset ul li input[type="radio"], table input[type="radio"] { clear: left }

fieldset select, .actions fieldset select { 
	font-size: 1.0em; 
	line-height: 1em; 
	margin-bottom: .75em; 
	padding: .2em 0; 
	vertical-align: baseline; 
}

#primarycontent input[type="radio"], #primarycontent fieldset ul li input[type="radio"], table input[type="radio"] { clear: left; width: 20px; }

#primarycontent input[type="checkbox"], #primarycontent fieldset ul li input[type="checkbox"], table input[type="checkbox"] { clear: left; width: 20px; }

fieldset td label { color: #333; font-size: 0.85em; font-weight: bold; padding: .2em .1em .3em .4em; }

body #wrappper #primarycontent .actions input.plain.cancel { display: inline; float: right; text-align: right; margin: .7em .5em 0 0; color: #555; font-size: .8em; text-decoration: none; padding: .5em; }

fieldset input[type="checkbox"] { float: left; width: 2em; display: block; }
/*** Wrapper additions ***/

#wrapper {
padding: 1.1em 1em;
margin: 2em auto;
width: 1002px !important;
}


/**passwords*/
.small-input {
    width: 80% !important;
}

.table.ag-fresh.ag-ready-to-print-table > div {
    min-height:200px;
}