a {
color: #333;
}

a:hover{
	text-decoration:none;
}

body {
  color: #666;
  font-family:Arial, Helvetica, sans-serif;
}


.err span{
	color: #fa0;
}

.make_fit {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.marked{
	color: rgba(60,160,150,0.8);
}

.feedunit{
	border-bottom:solid 15px #fff; background-color:#f6f6f6
}

.notifier{
	position:absolute; top:-5px; right:-10px; margin: 0px 0px 0px 5px; width: 18px; height: 18px; text-align: center; border-radius: 18px; vertical-align: middle; background-color: #009800; color:#fff; padding:0px
}

.notice .unit{
	background:#ffeedd; padding:10px; position:relative;
	margin-bottom:10px;
}
.notice .unit a{
	display:block;
}

.notice .unit .notifier{
	background-color:#ee0000; width: 30px; right:0px;
}

.msg_unit{
	border-bottom:solid 1px #ccc;
	padding:10px 5px;
}

.msg_unit.active{
	background-color:#eee;
}

.title{
	font-size:24px;
}

.rating{
	 height:15px; display:inline-block; width:60px;
}

.wide-title{
	font-size:20px;
	text-align:center;
	padding-bottom:10px;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:solid 2px #eee;
	position:relative;
	margin-bottom:20px;
}

.wide-title span{
	position:relative;
	top: 25px;
	background:#fff;
	padding:0px 20px;
}

.description_container{
	padding:20px 0px;
}

.top-u-title{
	text-align:center; /*border-bottom:solid 1px #ddd; width:300px; margin:0 auto; margin-bottom:15px*/
	padding-bottom:20px;
}

.n_logo{
width:30px;
border-radius:100%;
}

.pink{
	color:#fe708a;
}

.home_bg{
	position:absolute;
	top:0px;
	width:100%;
	height:600px;
	overflow:hidden;
}

.home_top{
	position:relative;
	background:rgba(0,0,0,.5);
	height:600px;
	color:#FFFFFF;
}


.top_nav{
	background:#333; color:#fff;
	font-size:12px;
}

.top_nav .list-inline li {
	padding:6px 10px;
}

.top_nav a{
	color:#FFFFFF;
}

.top_nav_bar{
	padding-top:12px !important;
}

.top_nav_bar:hover, .top_nav_bar:focus{
	background:none !important;
}

input[type="checkbox"], input[type="radio"]{
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin: 5px 0px 5px 3px;
}

.the-right{
	text-align:right;
}

.form-input{
	position:relative;
	height:70px;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  	position:relative;
  	z-index: 20;
	background:none;
}

.navbar-wrapper .navbar {
  background:none;
  border:none;
  margin-bottom:0px;
}

.nav li a:hover{
	color:#eeeeee;
}


.navbar-wrapper .nav .dropdown .dropdown-menu{
	background:rgba(250,250,250,1);
}

.dropdown-menu {
  border:none;
  /*-webkit-box-shadow: none;
  box-shadow: none;*/
}

.dropdown-menu>li>a {
  display: block;
  padding: 5px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  white-space: nowrap;
  text-align:left;
  text-transform:none;
}

.dropdown-menu>li>a:hover {
	background:none;
	color: #5bc0de;
}

.navbar-default .navbar-nav>li>a {
  color: #eee;
  text-transform:none;
  text-align:center;
  
}

.navbar-default .header>li>a {
  color: #666;
  text-transform:none;
  
}

.navbar-default .navbar-nav>li>a:hover {
  color: #5bc0de;
}

.navbar-default .navbar-nav>.active>a {
	background:none;
	color:#5bc0de;
}

.navbar-default .navbar-nav>.active>a:hover {
	background:none;
	color: #009900;
}

.navbar-nav>li>a {
  text-shadow: none;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
  background:#fafafa;
  /*color: #eee;*/
}

.navbar-wrapper .affix {
    position: fixed;
    top: 0px;
    width: 100%;
	background:rgba(230,230,230,0.99);
	border:none;
	border-radius:0px !important;
	/*padding:5px 0px;*/
}

.navbar-wrapper .affix a{
	color:#333 !important;
}

.navbar-collapse {
    padding-right: 0px;
}

.radius1{
	border-radius:4px;
}

.form-center{
	width:400px; margin:0 auto;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  border-top:none;
}


.navbar-brand{
	color:#FFFFFF !important;
	/*background:#fe708a;*/
	display:block;
	height:100%;
}

.navbar-brand:hover{
	/*background:#fe708a !important;*/
}

/* middle
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.middle {
  padding-right: 15px;
  padding-left: 15px;
  padding-top:15px;
}

.title-bar{
	background-color:#fafafa;
	padding:10px 15px;
	border-radius:4px 4px 0px 0px;
}

.title-bar .title{
	font-size:18px;
}

/* Center align the text within the three columns below the carousel */
.middle .col-lg-4, .middle .col-lg-3 {
  margin-bottom: 20px;
  text-align: center;
}
.middle h2 {
  font-weight: normal;
}
.middle .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.main-divider {
  /*margin: 80px 0;  Space out the Bootstrap <hr> more */
  margin:50px 0;
}

/* Thin out headings */
.main-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

.circle{
	padding: 0px;
	margin: 0px 0px 0px 5px;
	width: 24px;
	height: 24px;
	text-align: center;
	/*border-radius: 24px;*/
	border-radius: 6px;
	line-height: 22px;
	vertical-align: middle;
	background-color: #ccc; 
	/*background-image: linear-gradient(to bottom,#428bca 0,#2d6ca2 100%);*/
	color:#222;
 }

.circle_wide{
	padding: 0px;
	margin:0 auto;
	width: 104px;
	height: 104px;
	text-align: center;
	border-radius: 104px;
	line-height: 104px;
	vertical-align: middle;
	border:solid #ccc 1px;
	background:#fafafa;
 }
 
 

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 192px) {
  .navbar-wrapper .navbar .collapse{
		border:none;
  	}
	
	.navbar-wrapper .navbar .collapse .nav{
		border-radius:0px;
  	}
	
	.carousel .item {
	  padding: 0px 0px;
	  height: 350px;
	}
	
	.pull-right{
		float:none !important;
		background:#999;
		overflow-x:hidden;
	}
	
	.form-center{
		width:100%;
		font-size: 12px;
	}
	
	.the-right{
		text-align:left;
	}
}


@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .middle {
    padding-right: 0;
    padding-left: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    /*margin-top: 20px;*/
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left:  15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left:  0;
  }

	.navbar-wrapper .navbar .nav{
    	margin-top: 14px;
  	}
	
	.navbar-wrapper .navbar .collapse .nav{
		border-radius:4px;
  	}

  .main-heading {
    font-size: 50px;
  }
  
  .carousel .item {
	  padding: 0px 0px;
	  height: 450px;
	}
	
	.pull-right{
		background:none;
	}
	
	.carousel-caption{
		right:auto;
		left:8%;
		bottom:0px;
	}
	
	
	
	.form-center{
		width:400px;
	}
	.form-center .the-right{
		text-align:left;
	}
	
	.the-right{
		text-align:right;
	}

}

@media (min-width: 992px) {
	
	.pull-right{
		float:right !important;
	}
	
	.main-heading {
		margin-top: 120px;
	}
  
  	.form-center{
		width:400px;
	}
	
	.form-center .the-right{
		text-align:right;
	}
}

.breadcrumb{
	padding:0px 0px;
	background-color:#FF6666;
	border-radius:0;
	color:#FFFFFF;
}
.breadcrumb li{
	padding:6px 10px;
}
.breadcrumb > li + li:before {
    content: " ";
    /*padding: 0 5px;*/
}
.breadcrumb > li.active{
	background:#fff;
	color:#000;
	border-top:solid 2px #FF6666;
}

.box{
	border-radius:4px; padding:10px; background:#666;
	text-align:center;
}

.box a{
	color:#fff;
}

.box .title{
	padding:20px 0px;
	font-size:34px;
	border-bottom:dotted 1px #999;
	margin-bottom:20px;
}

.box:hover{
	text-decoration:none;
	background:#333;
	color:#FFFFFF;
}

 .chata{
 	text-align:right;
 }
 .chata div{
	padding: 5px;
	border-radius: 24px;
	background-color: #1bb0ce; color:#fff;
	display:inline-block;
 }
 
 .chatb div{
	padding: 5px;
	border-radius: 24px;
	background-color: #eee;
	display:inline-block;
 }
 
 .m_delete{
 	cursor:pointer;
	color:transparent;
 }
 .chata:hover .m_delete, .chatb:hover .m_delete { color: #333333; }
 
 div#contact {
  background-color: #222222;
  background-image: url("../images/map-image.png");
  background-repeat: no-repeat;
  background-position: center; }
  div#contact .section-heading {
    color: white; }
  div#contact .form-group {
    margin-bottom: 25px; }
    div#contact .form-group input,
    div#contact .form-group textarea {
      padding: 20px; }
    div#contact .form-group input.form-control {
      height: auto; }
    div#contact .form-group textarea.form-control {
      height: 236px; }
  div#contact .form-control:focus {
    border-color: #fed136;
    box-shadow: none; }
  
  div#contact .text-danger {
    color: #e74c3c; }
	
footer{
	background:#eee;
	border-top:solid 1px #eee;
	color:#333;
	padding:50px 0px;
	line-height:25px;
	font-size:13px;
}

footer hr{
	border-color:#aaa; border-style:dotted;
}

footer h4{
	color: #333;
    text-transform: uppercase;
    font-size: 18px;
}
footer a{
	color:#444;
}
footer a:hover{
	text-decoration:none;
}

.left-side-protected{
	border-right:solid 1px #ddd;
	background:#f6f6f6;
	text-align:right;
	padding:20px;
}

.left-side-protected-menu{
	list-style:none
}

.left-side-protected-menu li{
	padding:8px;
	border-bottom:dotted 1px #ccc;
}

.dashboard-box{
	border:solid 1px #eee;
	text-align:center;
	display:block;
	padding:10px 0px;
	margin-bottom:10px;
}

.dashboard-box:hover{
	text-decoration:none;
	background:#eee;
}


.pager ul{
	margin:0;
	padding:0;
} 


.pager li>a, .pager li>span {
    display: inline-block;
    padding: 2px 10px;
    /*background-color: #fff;*/
    border:solid 1px #ccc;
    border-radius: 3px;
	margin:0px 2px;
}
.pager li.active{
	display: inline-block;
	padding: 2px 10px;
	border:solid 1px #ccc;
    border-radius: 3px;
	margin:0px 2px;
    color:#ffffff; background-color:#333333; border-color:#000000
}

.autocomplete-suggestions {
    text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);
    position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;
}
.autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; }
.autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; }
.autocomplete-suggestion.selected { background: #f0f0f0; }

/* for upload */
.qq-uploader { position:relative; width: 100%; padding:0px !important}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px; padding: 7px 7px 7px 14px !important; text-align:center;    
    background:#eee url(../images/attach.png) no-repeat; border:1px solid #ddd;color:#666; 
}
.qq-upload-button-hover {background:#fcfcfc;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:15px 18px; padding:0; list-style:decimal}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px; color:#999900}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("../images/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px}

.qq-upload-failed-text {
color:#ffaa00;
}

.qq-upload-size{
color:#333333;
}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}

.cpager{
	padding:4px;
	width:400px;
	margin:0 auto;
}
.cpager ul{
	margin:0;
	padding:0;
	list-style:none;
	list-style-type: none;
}

.cpager ul li {
	float:left;
	font-size:13px;
	text-align:center;
	border:solid 1px #ccc;
	padding:2px 10px !important;
	list-style:none !important;
	margin:0px 2px;
	border-radius:3px;
	font-weight:bold;
}

.cpager ul li a{
	color:#666;
}

.cpager ul li:hover, .cpager ul li.active{
	color:#ffffff; background-color:#333333; border-color:#000000
}

.cpager ul li a:hover{
	color:#FFFFFF;
}