.starter-template {
    padding: 40px 15px;
    text-align: left;
}

.footer {
    background-color: #FFFF9E;
    padding: 20px 0 35px;
	text-align:center;
	border-top:1px solid #ececec;
    color:black;
}
.footer  p{ text-align:center; padding:10px 20px;}

.navbar-brand {
    float: left;
    height: 34px;
    padding: 4px 15px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-inverse {
    background-color: #FFFF9E;
    border-color: #000;
}
.navbar-inverse .navbar-brand {
	background: url(../img/small-logo.png) no-repeat left 4px;    
    padding: 15px 20px 0 65px;
	color: #000;
}
.navbar-inverse .navbar-nav>li>a {
    color: #000;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{background:#FFFF9E}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #222;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #080808;
    background-color: #000;
}

/* Login Form */

.form-signin{ margin:10% 25%; width:500px; min-height:350px; background-color:#f1f9fb; border:1px solid #dde3e5; padding:30px 40px;}
.form-signin-heading{ text-align: center; padding-bottom:10px; color:#FFFF9E;}

.btn-primary {
    color: #000;
    background-color: #FFFF9E;
    border-color: #2e6da4;
}

/* navigation */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #000;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* navigation */
.main-content{
	text-align:center;
	padding:70px 0 80px 0;
	background:#f4f7f8;
	border:1px solid #dce0e2;
	border-bottom:none;
}
.main-content h1{ color:#FFFF9E; padding:10px 0 20px 0; }
.main-content .welcome{
	border:4px solid #FFFF9E;
	border-radius:4px;
}
.inner-content{
	text-align:left;
	padding:50px 0 80px 0;	
	border-bottom:none;
}

#exTab .tab-content {
  color : #000;
  background-color: #f3fbfd;
  padding : 10px 15px;
  border:1px solid #428bca;
}
.nav-pills>li>a {
    border-radius: 4px;
    border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

label {   
    font-weight: 500;
	width:160px;
	margin-bottom:15px;
}
legend{
	font-weight: 700;
	font-size:16px;
	margin-top:15px;
}
.btn-align{	
	clear:both;
	/*background-color:#fff;*/
	text-align:center;
	padding:10px 0;
}
.form-control{margin-bottom:0px}
.form-group{margin-bottom:0px;}
.panel {	
    background: inherit;
    box-shadow: inherit;
}
















/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
.form-signin{ margin:18% 2% 2% 2% ; width:100%;}

}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	
	

}

@media (min-width: 768px){
.form-inline .form-control {width: 300px;}
}