body
{
    padding: 0px;
    margin: 0px;
    font-size: 87.25%;
    width: 99%;
    font-family: Arial;
    background-color: White;
    background-image: url('~/Images/MDCSpageBG.gif');
    background-repeat: repeat-x;
    background-attachment: fixed;
}

h1
{
    font-size: 1em;
}

h2
{
    font-size: 1em;
}

h3
{
    font-size: 1em;
}

.main
{
    width: 99%;
    margin-left: 10px;
}

p.title
{
    font-weight: bold;
    font-size: 12pt;
    font-family: Arial;
    text-align: center;
}

a:link
{
    font-weight: bold;
    color: blue;
    text-decoration: underline;
}

a:active
{
    font-weight: bold;
    color: purple;
    text-decoration: underline;
}

a:hover
{
    font-weight: bold;
    color: blue;
    text-decoration: underline;
}

a:visited
{
    font-weight: bold;
    color: purple;
    text-decoration: underline;
}

.headertext
{
    color: #226BB5;
    width: 734px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: large;
}

.alignmiddle
{
    vertical-align: middle;
}

#header
{
    margin: 0px auto 0px auto;
}
#header table
{
    margin: 0px auto 0px auto;
}
#wrapper
{
    width: 960px;
    background-color: White;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}

/*Gridview Customization*/
.Grid
{
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}

.Grid td
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #000000;
}

.Grid th
{
    padding: 4px 2px;
    color: #fff;
    background: #011866 url(images/gridheadrow.jpg) repeat-x top;
    border-left: solid 1px #525252;
    font-size: 0.9em;
}

.Grid .alt
{
    background: #fcfcfc url(images/gridaltrow.jpg) repeat-x top;
}

/*Links Inside GV*/
.Grid td a:link
{
    color: Navy;
    text-decoration: underline;
}

.Grid td a:hover
{
    text-decoration: underline;
}

.Grid td a:visited
{
    color: #47525F;
    text-decoration: underline;
}
.btnAlign {
    direction:ltr;
}
.DropZone1
{
    width: 300px;
    height: 90px;
    background-color: #226BB5;
    border-color: #CCCCCC;
    color: #767983;
    float: left;
    text-align: center;
    font-size: 16px;
    color: white;
}
 
#DropZone2
{
    width: 300px;
    height: 90px;
    background-color: #226BB5;
    border-color: #CCCCCC;
    color: #767983;
    float: left;
    margin-left: 90px;
    text-align: center;
    font-size: 16px;
    color: white;
}
 
.RadAsyncUpload
{
    margin-left: 250px;
    margin-bottom: 28px;
}

.canvas
{
    padding: 0px;
    margin: 0px;
    font-size: small;
    width: 99%;
    font-family: Arial;
    background-color: White;
    background-image: url('images/MDCSpageBG.gif');
    background-repeat: repeat-x;
    background-attachment: fixed;
}

.file-list {
     margin: 20px 0 0 0;
     display: none;
}
.file-list ul {
     margin: 10px 0 0 0;
     padding: 0;
     list-style: none;
}
.file-list li {
     margin: 10px 0 0 0;
}

#skiptocontent a {
	padding:6px;
	position: absolute;
	top:-40px;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	background:transparent;
	-webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100;
}

#skiptocontent a:focus {
	position:absolute;
	left:0px;
	top:0px;
	background:#BF1722;
	outline:0;	
	-webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}

.required {
	color: #A94442;
	font-weight: bold;
}