body {
  xpadding-top: 170px;
  padding-bottom: 0px;
  font-size: 20px;
  font-family: 'droid sans';
  background-color: #e9eaed;
}

.theme-showcase {
	background-color: #FFFFFF;
	border-radius: 16px;
	-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.075);
    box-shadow:  10px 10px 10px rgba(0, 0, 0, 0.075);
}

.panel-collapse {
	padding: 20px;
}

.roundfixed {
	border-radius: 16px;
	background-color: #8ca2cc;
	padding: 20px;
	-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
    box-shadow:  10px 10px 10px rgba(0, 0, 0, 0.25);
}

.roundcorners {
	border-radius: 16px;
	padding: 20px;
	-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
    box-shadow:  10px 10px 10px rgba(0, 0, 0, 0.25);
}



.rounded {
	border-radius: 16px;
	background-color: #CCCCFF;
	-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
    box-shadow:  10px 10px 10px rgba(0, 0, 0, 0.25);
}}

h1,h2,h3,h4,h5,h6 { font-family: 'Oswald'; }
p {font-family: 'droid sans'; }
h2 {
	margin-top: 0px;
}

.monospace {font-family: droid sans mono; font-size: 18px;}
.caption {font-family: 'droid serif'; font-size: 18px; font-style: italic;}
.mediaattrib {font-family: 'droid serif'; font-size: 14px; font-style: italic;}

.thumbnail,
.img-thumbnail {
border: 4px solid #dddddd;
}
.theme-dropdown .dropdown-menu {
  display: block;
  position: static;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.icon-red{
color: #FF0000;
}

.hrOrange { height: 5px; color: #FF6600; border-color: #ff6600; background-color: #FF6600; }


.red       {color: #FF0000;	}
.orange {color: #FF6600;	}
.green   {color: #66CC00;	}
.blue     {color: #0000FF;	}
.grey     {color: #999999;	}

.darkblue {color: #48649f; }
.mediumblue {color: #8ca2cc; }
.paleblue {color: #e9eaed; }

.backorange { background-color: #FF6600; }
.btn-orange {
  color: #0000ff;
  background-color: #FF6600;
  border-color: #993300;
}

.btn-large {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

.navbar-fixed-top {
	border-bottom-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: #FF6600;
}

.navbar-top {
	border-bottom-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: #FF6600;
}

.img-intext {
	max-height: 300px;
	max-width: 340px;
	padding-right: 40px;
	padding-bottom: 20px;
}

.navbar-bottom {
	border-top-style: solid;
	border-top-width: 5px;
	border-top-color: #FF6600;
	padding-bottom: 0px;
	margin-bottom: 0px;
}








/* ====================================================== */
/* PROGRESS BAR */


/* awesome bootstrap style setup - thanks */
.progress .progress-bar.three-sec-ease-in-out { -webkit-transition: width 3s ease-in-out; -moz-transition: width 3s ease-in-out; -ms-transition: width 3s ease-in-out; -o-transition: width 3s ease-in-out; transition: width 3s ease-in-out; }
.progress.vertical .progress-bar.three-sec-ease-in-out { -webkit-transition: height 3s ease-in-out; -moz-transition: height 3s ease-in-out; -ms-transition: height 3s ease-in-out; -o-transition: height 3s ease-in-out; transition: height 3s ease-in-out; }

.progress .progress-bar.six-sec-ease-in-out { -webkit-transition: width 6s ease-in-out; -moz-transition: width 6s ease-in-out; -ms-transition: width 6s ease-in-out; -o-transition: width 6s ease-in-out; transition: width 6s ease-in-out; }
.progress.vertical .progress-bar.six-sec-ease-in-out { -webkit-transition: height 6s ease-in-out; -moz-transition: height 6s ease-in-out; -ms-transition: height 6s ease-in-out; -o-transition: height 6s ease-in-out; transition: height 6s ease-in-out; }
.progress.wide { width: 60px; }

		
/* ====================================================== */

/* PLEASE WAIT POPUP */
		
#loading-div-background{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
}

#loading-div{
    width: 300px;
    height: 250px;
    background-color: #fff;
    border: 5px solid #1468b3;
    text-align: center;
    color: #202020;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url("/css/pie/PIE.htc"); /* HANDLES IE */
}


		