*{
	padding: 0px;
}

body{
	font-family: Geneva, sans-serif;
	padding-top: 3.1rem;
	font-size: 12px;
	background-color: #FFCC00;
}

@media (max-width: 767px){
  nav.navbar{
		max-height: 100vh;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
  }
}

/*.border {
	border: 6px solid #333;
}*/

btnbar#nav1 a#navOn1,
btnbar#nav2 a#navOn2,
btnbar#nav3 a#navOn3,
btnbar#nav4 a#navOn4,
btnbar#nav5 a#navOn5,

btnbar#nav6 a#navOn6,
btnbar#nav7 a#navOn7,
btnbar#nav8 a#navOn8,

btnbar#nav9 a#navOn9,
btnbar#nav10 a#navOn10,

btnbar#nav11 a#navOn11,
btnbar#nav12 a#navOn12,
btnbar#nav13 a#navOn13,

btnbar#nav14 a#navOn14,
btnbar#nav15 a#navOn15,
btnbar#nav16 a#navOn16,

btnbar#nav17 a#navOn17,
btnbar#nav18 a#navOn18,
btnbar#nav19 a#navOn19,
btnbar#nav20 a#navOn20,
btnbar#nav21 a#navOn21,
btnbar#nav22 a#navOn22,
btnbar#nav23 a#navOn23,
btnbar#nav24 a#navOn24,
btnbar#nav25 a#navOn25,
btnbar#nav26 a#navOn26,
btnbar#nav27 a#navOn27,
btnbar#nav28 a#navOn28,
btnbar#nav29 a#navOn29,
btnbar#nav30 a#navOn30,
btnbar#nav34 a#navOn34,
btnbar#nav35 a#navOn35,
btnbar#nav36 a#navOn36,
btnbar#nav37 a#navOn37,
btnbar#nav38 a#navOn38
{
	color: #FFF;
	font-weight: normal;
	background-color: #333;
}

/*background-color: #333333 #5B5B5B;*/
navbtn#btn1 .btnOn1,
navbtn#btn2 .btnOn2,
navbtn#btn3 .btnOn3,
navbtn#btn4 .btnOn4,
navbtn#btn5 .btnOn5,
navbtn#btn6 .btnOn6
{
	color: #999;
	background-color: #FFF;
	border-color: #333333;
}
/***************************************************************/

.btn-navOn {
	color: #ADADAD;
	background-color: #3A393B;
	border: thin solid #121214;
	padding: 0px 5px;
} 

.btn-navOn:hover, 
.btn-navOn:focus, 
.btn-navOn:active, 
.btn-navOn.active, 
.open .dropdown-toggle.btn-navOn { 
  color: #FFFFFF; 
  background-color: #4A494A; 
  border-color: #121214; 
} 
 
.btn-navOn:active, 
.btn-navOn.active, 
.open .dropdown-toggle.btn-navOn { 
  background-image: none; 
} 
 
.btn-navOn.disabled, 
.btn-navOn[disabled], 
fieldset[disabled] .btn-navOn, 
.btn-navOn.disabled:hover, 
.btn-navOn[disabled]:hover, 
fieldset[disabled] .btn-navOn:hover, 
.btn-navOn.disabled:focus, 
.btn-navOn[disabled]:focus, 
fieldset[disabled] .btn-navOn:focus, 
.btn-navOn.disabled:active, 
.btn-navOn[disabled]:active, 
fieldset[disabled] .btn-navOn:active, 
.btn-navOn.disabled.active, 
.btn-navOn[disabled].active, 
fieldset[disabled] .btn-navOn.active { 
  background-color: #3A393B; 
  border-color: #121214; 
} 
 
.btn-navOn .badge { 
  color: #3A393B; 
  background-color: #FFFFFF; 
}
/***************************************************************/
.navbar-nav > li {
  font-size: 12px;
}

.dropdown-menu {
	font-size: 12px;
}

/*.navbar {
  min-height: 50px;
}*/

<!--Needed to maintain 50px height-->
/*.navbar-brand {
	padding: 0;
	height: 50px;
}*/


/*.nav *{
	margin: 0px auto;
	padding: 0px;
}*/

/************************************Needed for Search*************************************/
ul {list-style:none;}
input[type="submit"]:active{
	box-shadow: inset 0px 0px 3px black;
}

.nav ul li{
	float: left;
	margin-right: 0px;
	padding: 0px 10px;
	cursor: pointer;
	transition: all 200ms ease-in-out;
}

/*.dropdown {list-style: none; background: green; padding: 10px; display: inline-block;}*/
.dropdown .nav-link {color:#fff; text-decoration: none;}
.dropdown .dropdown-menu a{color: #000; text-decoration: none;}
.dropdown .btn {background: green; color:#fff;}
.dropdown .btn:hover {background: cyan; color:#000;}
.dropdown .btn:active {background: cyan; color:#000;}
.dropdown .btn:focus {background: cyan; color:#000;}
/*.dropdown-menu .dropdown-item {display: inline-block; width: 100%; padding: 10px 5px;}*/
.dropdown-menu .dropdown-item {display: inline-block; width: 100%;}
.container .dropdown .dropdown-menu a:hover
{
	color: #fff;
	background-color: #343a40;
	border-color: #fff;
}

/*********************************end Needed for Search*************************************/
/*.nav ul li a{
	color:#333;
	text-decoration:none;
}

.nav ul li .fa-twitter{
	margin-right: 4px;
	color: #5ab2f5;
	font-size: 22px;
	position: relative;
	top: 2px;
}

.nav-right{
	 [disabled]float: right;
	padding-top: 0px;
}*/


/******************************Search CSS***********************************/
.nav .drop-wrap{
	position: absolute;
	background: #fff;
	top: 50px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	overflow: hidden;
	display: none;
}

input[type="checkbox"]#drop-wrap1{
display: none;
}
.drop-label{
	background: none !important;
	border: none !important;
}

input[type="checkbox"]#drop-wrap1:checked ~ .drop-wrap{
	display: block
	}

.nav-click.input[type="check-box"] ~ .drop-wrap{
	display: block;
}
.nav .drop-inner ul li a{
	display : inline-block;
}

.av ul li.hover:hover> ul{
	display: block;
}
.nav-right{
	 [disabled]height: 50px;
}

	/*background:#65ba54;*/
.nav .nav-right ul ul li:hover{
	background: #333;
}

	/*color:white;*/
.nav .nav-right ul ul li:hover a{
	color:white;
}
.nav .nav-right ul li img{
	width: 40px;
	margin-top: 5px;
}
.nav ul li {
	display: block;
	float: none;
}
.nav .nav-left ul li:hover{
	box-shadow: inset 0px -4px 0px #6cc854;}
.nav .nav-left ul li:hover a .fa, .nav .nav-left ul li:hover a{
	color:#6cc854;
}

.nav .nav-right ul li input[type="text"]{
	padding: 5px 20px 5px 5px;
	border: 1px solid #ccc;
	background: #f0f0f0;
	border-radius: 5px;
}

.nav .nav-right ul li input[type="submit"]:hover{
	background:#2492e6;
}
.nav .nav-right ul li .fa{
	left: -20px;
	position: relative;
}

.nav-right-down-wrap{
	width: 260px;
	border: 1px solid #ccc;
	overflow: hidden;
	position: absolute;
	background: #fff;
	 [disabled]top: 51px; 
}
.nav-right-down-inner{
	overflow: hidden;
}

.nav-right-down-wrap ul{
	float: none !important;
}
.nav-right-down-left{
	float: left;
	margin: 0px 5px 5px 0px;
}

.nav-right-down-left img{
	width: 35px !important;
	height: 35px;
	border-radius: 4px;
}
.nav-right-down-right-body{
	line-height: 7px;
}
.nav-right-down-right-headline a{
	font-weight: bold;
	padding: 0px 2px;
	font-size: 12px;
}
.nav-right-down-right-headline span{
	color: #A1A1A1;
}
.nav-right-down-right-body span{
	color: #A1A1A1;	
	padding: 0px 3px;
}
.nav-right-down-right{
	float: left;
	margin: 0px 2px;
}
.nav-right-down-wrap ul li:hover a{
	color: #fff;
}
.nav-right-down-wrap ul li:hover span{
	color: #fff;
}

/******************************end Search CSS***********************************/

.follow-btn-span{

}
.f-btn{
    padding: 5px 8px 5px 20px;
    color: #333;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
    cursor: pointer;
}
.f-btn i{
	position: relative;
	top: 0px;
	right: 8px;
	color: #2e81a4;
}
.follow-btn{
    padding: 5px 8px 5px 20px;
    color: #333;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
    cursor: pointer;
}
.follow-btn i{
	position: relative;
	top: 0px;
	right: 8px;
	color: #2e81a4;
}
.follow-btn-span button:active{
box-shadow: inset 0px 0px 3px;}

.following-btn{
	padding: 5px 10px;
	color: #FFF;
	border: 1px solid #bfbfbf;
	border-radius: 5px;
	font-size: 15px;
	font-weight: bold;
	line-height: 25px;
	cursor: pointer;
	background: #3da6ff;
}

.unfollow-btn{
	padding: 5px 15px;
	color: #FFF;
	border: 1px solid #bfbfbf;
	border-radius: 5px;
	font-size: 15px;
	font-weight: bold;
	line-height: 25px;
	cursor: pointer;
	background: #f20b0b;
}
/**********************************************************/
/*.n-head{
	font-size: 11px;
	color: #969696;
}
.n-bottom{
	font-size: 20px;
	color: #0e749e;
}*/
/************************* text **************************/
a {
	color: #AA095E;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}

#menutxt {
	text-decoration: none;
	color: #999;
}

#menutxt a {
	text-decoration: none;
	color: #999;
	font-weight: normal;
}
#menutxt a:hover {
	text-decoration: underline;
}

#normaltxt {
	text-decoration: none;
	color: #333;
}
#normaltxt a {
	text-decoration: none;
	font-weight: normal;
	color: #AA095E;
}
#normaltxt a:hover {
	text-decoration: underline;
}

#coursetxt {
	text-decoration: none;
	color: #333;
}
#coursetxt a {
	text-decoration: none;
	font-weight: normal;
	color: #03F;
}
#coursetxt a:hover {
	text-decoration: underline;
}

/*#mainbody {
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	background-color: #9F0;
}
.mainwrap {
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	border: 1px solid #999;
	background-color: #999;
}*/

/*TWEET SHOW WRAPPER*/
.all-tweet{
	border: 1px solid #CCC;
	border-top: none;
	width: 100%;
}

.t-show-wrap{
	background: #fff;
	width: 100%;
	overflow: hidden;
	/* [disabled]cursor: pointer; */
}
.t-show-wrap:hover{
	background: #f6f6f6;
}
.t-show-wrap img{
	/* [disabled]max-height: 420px; */
	/* [disabled]max-width: 469px; */
	border-radius: 4px;
	/* [disabled]background-color: #CC6; */
}
.t-show-inner{
	padding: 4px;
}
.t-show-head{
	width: 100%;
}
.t-show-img{
	float: left;
	overflow: hidden;
	margin-right: 4px;
}
.t-show-img img{
	border: 1px solid #e7e7e7;
	border-radius: 4px;
	/* [disabled]float: left; */
}
.t-s-head-content{
	/* [disabled]width: 100%; */
	background-color: #FFF;
	margin-left: 54px;
}

.t-h-c-name{
	/* [disabled]font-size: 14px; */
	/* [disabled]color: #333; */
	/* [disabled]font-weight: bold; */
	text-decoration: none;
	width: 100%;
	/* [disabled]float: left; */
}
.t-h-c-name a{
	/* [disabled]font-size: 14px; */
	color: #AA095E;
	/* [disabled]font-weight: bold; */
	text-decoration: none;
}
.t-h-c-name a:hover{
	text-decoration:underline;
}

.t-h-c-name span{
	/* [disabled]font-weight: normal; */
	/* [disabled]color: #A2A2A2; */
}
.t-h-c-dis{
	/* [disabled]margin: 0px 0px; */
	/* [disabled]color: #151515; */
	/* [disabled]font-size: 14px; */
	/* [disabled]float: right; */
	/* [disabled]margin-left: 54px; */
}
.t-h-c-dis a{
	/* [disabled]color: #83c400; */
	text-decoration: none;
	/* [disabled]cursor: pointer; */
	/* [disabled]font-weight: bold; */
 }
.t-h-c-dis a:hover{
	text-decoration: underline;
}

/*.t-show-body{
	max-height: 550px;
	overflow: hidden;
}
.t-s-b-inner-in{
 	padding: 10px 0px;
 	overflow: hidden;
}
.t-s-b-inner{
	width: 100%;
	overflow: hidden;
	float: right;
}
.t-show-banner-inner{
	width: 88%;
	font-size: 13px;
	color: #b1b5b7;
	padding: 5px 0px;
}
.t-show-banner-inner i{
	color: #fcfcfc;
	background: #17dd6d;
	padding: 2px;
	border-radius: 3px;
	margin-right: 5px;
}*/

.t-show-footer{
	width: 100%;
	float: left;
	overflow: hidden;
}

.t-s-f-right{
	width: 90%;
	float: right;
	margin: 0px 0px;
	/* [disabled]background-color: #EFDFBE; */
}
.t-s-f-right ul li{
	float: left;
	margin-right: 60px;
}
.t-s-f-right ul li button .fa{
	text-decoration: none;
	/* [disabled]color: #AAAFB1; */
	/* [disabled]font-size: 15px; */
	cursor: pointer;
}
.t-s-f-right ul li a:{
	text-decoration:none;
	color: #999;
}
.t-s-f-right ul li button{
	background: none;
	border: none;
	cursor: pointer;
}
.t-s-f-right ul li button span{
	font-size: 12px;
	padding: 0px;
	position: relative;
	left: 6px;
	top: -1px;
	color: #9C9A9A;
	font-weight: bold;
}


/*.t-s-f-right ul li button.unlike-btn,.t-s-f-right ul li button.unlike-btn i,.t-s-f-right ul li button.unlike-btn span, .tweet-show-popup-footer-menu ul li button.unlike-btn{
	color: red;
}
.t-s-f-right ul li button.retweet > .fa-share , .t-s-f-right ul li button.retweeted> .fa-retweet, .tweet-show-popup-footer-menu ul li button.retweeted, .img-popup-tweet-menu-inner > ul > li > button.retweeted{
	color:skyblue;
}
.t-s-f-right ul li a:hover> .fa-heart-o{
	color:red;
}

.t-s-f-right ul li button:hover> .fa-heart-o{
	color:red;
}
.t-s-f-right ul li button:hover> .fa-retweet{
	color:skyblue;
}
.t-s-f-right ul li button:hover> .fa-share{
	color:#9dc5a2;
}*/

/*.retweet-t-s-b-inner{
	width: 95%;
	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 10px;
}

.retweet-t-s-b-inner-left{
	width:30%;
	float: left;
}
.retweet-t-s-b-inner-left img{
	width: 125px;
	height: 125px;
	border-radius: 0px !important;
}
.retweet-t-s-b-inner-right{
	width: 70%;
	float: right;
}

.retweet-t-s-b-inner-right-text{
	font-size: 15px;
}

.retweet-t-s-b-inner-right-text a{
	text-decoration: none;
	font-weight: bold;
	color:#7fc400;
	padding: 0px 3px;
	cursor:pointer;
}

.retweet-t-s-b-inner-right-text a:hover{
	text-decoration: underline;
}*/
/************************************************************************/
/*.alert {
	height: 2em;
	line-height: 0.3em;
}*/

.maxsize {
	/* [disabled]padding: 10px; */
	max-height: 450px;
	max-width: 600px;
}

#phototxt {
	text-decoration: none;
	color: #333;
	padding: 0px 5px;
}
#phototxt a {
	text-decoration: none;
	font-weight: normal;
	color: #333;
	background-color: #0CC;
}
#phototxt a:hover {
	text-decoration: none;
	background-color: #960;
}

.form-control {
	font-size: 12px;
}
/*.boxpadding {
	border-radius: 0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 2px;
	background-color: #FC9;
}*/

.interactionLinksDiv a {
	font-size: 12px;
	font-family: Geneva, sans-serif;
	font-weight: normal;
	background-color: #FFF;
	color: #999;
	padding-right: 3px;
	padding-left: 3px;
	border-radius: 4px;
	border: 1px solid #999;
}
.interactionLinksDiv a:hover {
	background-color: #333;
	color: #FFF;
	border: 1px solid #333;
	text-decoration: none;
}

.interactionPhotoDiv a {
	font-size: 12px;
	color: #FFF;
	cursor: pointer;
	padding: 4px 8px;
	font-family: Geneva, sans-serif;
	background-color: #AA095E;
	margin-right: auto;
	width: 65px;
	margin-left: auto;
	border-radius: 4px;
	font-weight: normal;
	border: thin solid #AA095E;
}
.interactionPhotoDiv a:hover {
	background-color: #FFF;
	color: #AA095E;
	border: thin solid #AA095E;
	text-decoration: none;
}

.interactPicContainers {
	padding:4px;
	background-color:#ECF0FF;
	border:1px solid #CCC;
	display:none;
	margin-top: 4px;
}

.interactionDeleteDiv a {
	font-size: 12px;
	font-family: Geneva, sans-serif;
	font-weight: normal;
	background-color: #FFF;
	color: #AA095E;
	padding-right: 3px;
	padding-left: 3px;
	border-radius: 4px;
	border: 1px solid #AA095E;
}
.interactionDeleteDiv a:hover {
	background-color: #AA095E;
	color: #FFF;
	border: 1px solid #AA095E;
	text-decoration: none;
}

.interactContainers {
	padding:4px;
	background-color:#FFFDF2;
	border:1px solid #FFD83C;
	border-radius: 4px;
	display:none;
	margin-top: 4px;
}

/*******************Assignment Examples************************/
#example {
	font-size: 14px;
	color: #FFF;
	margin-top: 4px;
	padding-bottom: 2px;
	font-weight: normal;
	background-color: #333;
	text-align: center;
}

/*********************Form buttons************************/
.btn-off {
	font-size: 12px;
	font-weight: normal;
	background-color: #CC0000;
	color: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #CC0000;
	padding: 0px 6px;
}

.btn-off:hover {
	background-color: #FFFFFF;
	color: #CC0000;
	border: 1px solid #CC0000;
	text-decoration: none;
}

.btn-on {
	font-size: 12px;
	font-weight: normal;
	background-color: #009933;
	color: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #009933;
	padding: 0px 6px;
}

.btn-on:hover {
	background-color: #FFFFFF;
	color: #009933;
	border: 1px solid #009933;
	text-decoration: none;
}