/* UI styles used only in the login page- read directly from the webapps folder */

img {display: block;}

.bodyClass {
   background-position: top left;
   background-size: cover;
   background-color: #ffffff;
}
.headerClass {
   border-top-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
   border-style: solid;
   border-color: #000000;
   font-family: Verdana;
   font-size: 16px;
   font-weight: bold;
   color: #FFFFFF;
   line-height: 30px;
   background-color: #202020;
}

.headerWelcome {
   border-top-width: 0px;
   border-bottom-width: 2px;
   border-left-width: 0px;
   border-right-width: 0px;
   border-style: solid;
   border-color: #000000;
   font-family: Verdana;
   font-size: 24px;
   font-weight: bold;
   color: #0054AA;
   line-height: 30px;
   
}
.insideLeftClass {
   background-position: top-left;
   background-repeat: repeat-x;
   background-color: #EFEFEF;
   border-top-width: 0px;
   border-left-width: 1px;
   border-bottom-width: 1px;
   border-right-width: 0px;
   border-style: solid;
   border-color: #000000;
}

.insideMiddleClass {
   background-position: top-left;
   background-repeat: repeat-x;
   background-color: #EFEFEF;
   border-top-width: 0px;
   border-left-width: 0px;
   border-bottom-width: 1px;
   border-right-width: 0px;
   border-style: solid;
   border-color: #000000;
}

.insideRightClass {
   background-position: top-left;
   background-repeat: repeat-x;
   background-color: #EFEFEF;
   border-top-width: 0px;
   border-left-width: 0px;
   border-bottom-width: 1px;
   border-right-width: 1px;
   border-style: solid;
   border-color:#000000;
}

.IntroClass {
   background-color:#3333FF;
   border-top-width: 1px;
   border-left-width: 0px;
   border-bottom-width: 1px;
   border-right-width: 0px;
   border-style: solid;
   border-color: #000000;
   line-height: 30px;
   font-family: Verdana;
   font-size: 14px;
   font-weight: bold;
   color: #FFFFFF;
   text-align: left
}

.menuStripeClass {
   background-color: #95d448;
   border-top-width: 0px;
   border-left-width: 0px;
   border-bottom-width: 1px;
   border-right-width: 0px;
   border-style: solid;
   border-color: #3333FF;
   line-height: 40px;
}


.bannerClass {
   background-color: #FFFFFF;
   background-position: top-left;
   background-repeat: no-repeat;
   font-family: 'Open Sans', sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #F7C11D;
}

.shadowRow {
   background-image: url(/images/shadow.gif);
   background-position: 100% 0.5%;
   background-repeat: repeat-x;
   background-color: #F5F5F5;
}

/* Title */
h1.title, h1.title a { font-size: 21px; font-weight: bold; }
h3.title, h3.title a { font-size: 14px; font-weight: bold; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 { font-size: 20px; font-family: 'Open Sans', sans-serif;}
h2 { font-size: 16px; font-family: 'Open Sans', sans-serif;}
h3 { font-size: 12px; font-family: 'Open Sans', sans-serif;}

p { color: #202020; font-size: 11px; line-height: 15px; padding: 7px 0 14px 0; margin-bottom: 5px; }

li {
    margin:5px;
    padding:5px;
    line-height: 18px;
}	
.txt-blue {
	color:#164982;
}
.gray-bg {
	background-color:#ececec;
}

.redClass {
   font-family: Verdana;
   font-size: 11px;
   font-weight: bold;
   color: #FF0000;
}

.shadow {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}

.shadow1 {
	margin: 40px;
	background-color: rgb(68,68,68); /* Needed for IEs */

	-moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	box-shadow: 5px 5px 5px rgba(68,68,68,0.6);

	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;
}
.shadow1 .content {
	position: relative; /* This protects the inner element from being blurred */
	padding: 100px;
	background-color: #DDD;
}