/*====================================
 Free To Use For Personal And Commercial Usage
Author: http://binarytheme.com
 Share Us if You Like our work 
 Enjoy Our Codes For Free always.
======================================*/

/* user image section */
.user-section {
    margin-top:20px;
    font-size:22px;
    background-color:#ffc654;
}
.user-section-inner {
    height: 65px;
width: 65px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
display: inline-block;
float: left;
margin-right: 15px;
margin-top: 20px;
}
    .user-section-inner img {
        margin-left:10px;
        width:55px;
        height:60px;
        
    }
.user-info {
    display: block;
    color:#000!important;
display: inline-block;
padding: 15px;
margin-bottom: 0px
}
.user-text-online {
    font-size:18px;
    color:#fff
}
.user-circle-online {
    width: 15px!important;
    height: 15px!important;
}

/* side-menu section */
.nav > li > a:hover, .nav > li > a:focus {
    background-color:rgba(74, 72, 126, 0);
}
.navbar-top-links  .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #75C5B8;
}
.navbar-top-links > li > a {
color: #FFFFFF;
}
.nav > li > a {
padding: 20px 14px;
}
#side-menu {
    background-color:#c5ca76;
}

 #side-menu a {
            color:#893c00;
           border-bottom: 1px solid #84B899 !important;
           height: 55px;
           font-size : 12px;
           font-weight:bold;
        }
         #side-menu a:hover{
            color:#ff347c;
           border-bottom: 1px solid #84B899 !important;
           height: 55px;
           font-size : 12px;
           font-weight:bold;
        }
        .selected {
            background-color:rgb(83, 163, 163);
        }
/* back colors */
        .blue {
            background-color:rgb(113, 159, 241);
        }
         .green {
            background-color:rgb(144, 236, 192);
        }
          .red {
            background-color:rgb(255, 102, 133);
        }
        .yellow {
            background-color:rgb(237, 253, 46);
        }

  /* No border */
.no-boder {
    border:0px solid #5bc0de !important;
}
/* tap nvbar Section */

#navbar {
    background-color:#34A853;
}

.navbar-brand {
    padding-left:20px;
}
.navbar-brand img {
    height:30px;
}
.top-label {
    position: absolute;
top: 50%;
right: 50%;
margin-top: -24px;
margin-right: -24px;
}

/*large font*/
.large-font {
    font-size:18px;
}

.body-Login-back {
    background-color:#34A853;
}

.margin-tips {
    margin:5px;
}
.navbar-default {
border-color: #60a238;
background-color:#60a238;
}
/*media queries*/

@media(min-width:768px) 
{
    #page-wrapper {
        position: inherit;
        padding: 0 30px;
        min-height: 1000px;
     
    }

}

@media(max-width:768px) {
#wrapper {
    margin-top:140px!important;
    
}
}

.star { font-family: Verdana, Arial; font-size:12px; font-weight:700; color:#F80000; padding-left:3px; }

.error { background:#FFE3DF url('error.png') top left no-repeat; font-family:Arial, Trebuchet MS; font-size:12px; font-weight:700; color:#000; 
  text-align:left; border-top: solid 1px #F05735; border-bottom: solid 1px #F05735; padding:0.8em 7.5em 0.8em 3.5em; letter-spacing:0.1em; }

.success { background:#ECFFD5 url('success.png') top left no-repeat; font-family:Arial, Trebuchet MS; font-size:12px; font-weight:700;
color:#000; text-align:left; border-top: solid 1px #79B92C; border-bottom: solid 1px #79B92C; padding:0.8em 7.5em 0.8em 3.5em; letter-spacing:0.1em; }

.navbar1-inner{
    /*height: 90px*/
    min-height: 60px
    }
.navbar1 .brand{
    padding: 0 10px;
}
.navbar1 .nav > li > a {
    padding: 20px 15px;
    /*padding: 35px 15px;*/
}
.navbar1 .btn-navbar {
    /*margin-right: 0px;*/
    margin-top:15px;
}
.brand img{
    margin-top: 5px
}
@media (max-width:768px) {
    .brand img{
        margin-bottom: 5px
    }
    .navbar1 .btn-navbar{
        /*margin-right: -15px;*/
    }
    .navbar1 .nav > li > a {
        padding: 10px 15px;
    }
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #c96e28;
    font-size : 12px;
    font-weight : bold;
}
.navbar-default .navbar-nav > li > a  {
    color: #fff;
}
 .navbar-default .navbar-nav > li > a:focus {
      color: #c96e28;
    background-color: #ebedad;
    font-size : 12px;
    font-weight : bold;
}
.contentboldgreen { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#366D0D; font-weight:bold; padding-left:10px; background-color:#E1F0D7;}

.calendar { background: url('calendar-icon.gif'); border: 0; cursor: pointer;  height: 30px; width:20px; padding-right:20px; }
.calendar:hover, .calendar.active { background-position: left bottom; } 


.cale .ajax__calendar_container {background-color:#e2e2e2; border:solid 1px #cccccc;}
.cale .ajax__calendar_header {background-color:#ffffff; margin-bottom:2px;}
.cale .ajax__calendar_title, .calendar .ajax__calendar_next, .calendar .ajax__calendar_prev {color: #004080; padding-top:1px;}
.cale .ajax__calendar_body {background-color:#e9e9e9; border:solid 1px #cccccc;}
.cale .ajax__calendar_dayname {text-align:center; font-weight:bold; margin-bottom:2px; margin-top: 1px;}
.cale .ajax__calendar_day {text-align:center;}
.cale .ajax__calendar_hover .ajax__calendar_day, 
.cale .ajax__calendar_hover .ajax__calendar_month,
.cale .ajax__calendar_hover .ajax__calendar_year,
.cale .ajax__calendar_active {color:#004080; font-weight:bold; background-color:#ffffff;}
.cale .ajax__calendar_today {font-weight:bold;}
.cale .ajax__calendar_other,
.cale .ajax__calendar_hover .ajax__calendar_today,
.cale .ajax__calendar_hover .ajax__calendar_title {color:#bbbbbb;}
.cale table tr td {border:solid 1px #E9E9E9; padding:0;}







#EZcalendar {
	display: none;
	position: absolute;
	margin: 0;
	z-index: 99;
	background: #005083;
	color: #fff;
	/* safer to use fixed font sizes */
	font: 11px Arial, Helvetica, sans-serif;
	border: 5px solid #044771;
}
#EZcalendar form {
	margin: 0;
	padding: 0;
}
#EZcalendar table {
	background: #005083;
	border: none;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
#EZcalendar table td, #EZcalendar table th {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}
/*tds*/
#EZcalendar table td a.outsideMonth {
	background: gray;
	color: #fff;
}
#EZcalendar table td a.today{
	background: #aaa;
	color: #fff;
}
#EZcalendar table td a {
	background: silver;
	color: #333;
	display: block;
	color: #333;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
}
#EZcalendar table td a:hover {
	color: #fff;
	background: red;
}

#EZcalendar table td#EZcalendar_text {
	background: #0E649B;
	text-align: center;
	width: 80px;
	height: 20px;
}

#EZcalendar input {
	border: none;
	background: #1C78B2;
	color: #fff;
	cursor: pointer;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
	text-align: center;
}
#EZcalendar input.left {
	float: left;
}
#EZcalendar input.right {
	float: right;
}
#EZcalendar_table {
	clear: both;
}
.bluebg
{
    font-family:   Arial,Helvetica, Segoe UI, Trebuchet MS, Verdana, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight:600;
	border: solid 1px #000;
	height: 25px;
	background:cadetblue;
	padding:2px 7px 2px 7px;
	border-radius:5px;
}
a.bluebg:link,a.redlink:visited,a.redlink:active { text-decoration:none; }
.bluebg a:hover {color:#E78F32; background:#c1e2a5; text-decoration:underline;}

.redlink { font-family: Arial, "Trebuchet MS"; font-size:12px; color:#b40049; font-weight:700;}
a.redlink:link,a.redlink:visited,a.redlink:active { text-decoration:none; }
a.redlink:hover {color:#E78F32; text-decoration:underline;}


.Popup {background:#fff; padding:0px 5px 2em 5px; border:10px solid #CECECE; float:right; overflow:scroll;  position:absolute;
	z-index:99999; vertical-align:top;  width:1300px; height:500px; margin-right: 200px;
	/*--CSS3 Box Shadows-- */
	-webkit-box-shadow:0px 0px 20px #000; -moz-box-shadow:0px 0px 20px #000; box-shadow:0px 0px 20px #000;
	/*--CSS3 Rounded Corners-- */
	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
}
.greenlink { font:700 13px Arial; color:green; z-index:999; margin-top:150px;}
a.greenlink:link,a.greenlink:visited,a.greenlink:active { color:Black; text-decoration:none; }
a.greenlink:hover {color:#346001; text-decoration:underline;}

.star { font-family: Verdana, Arial; font-size:12px; font-weight:700; color:#F80000; padding-left:3px; }
.form-con {
    display: table-cell;
}
.information { background:#D5EFFF url('information.png') top left no-repeat; font-family: Arial, Trebuchet MS; font-size:12px; font-weight:700;
color:#000; text-align:left; border-top: solid 1px #82CEFF; border-bottom: solid 1px #82CEFF; padding:0.8em 7.5em 0.8em 3.5em; letter-spacing:0.1em; }


#listviewn {margin-top:2em; width:100%;  min-height:150px;}
#listviewn table th {background:#254A6F url('blue-head.gif') repeat-x; height:33px; color:#fff; padding:5px; border:solid 1px #00345E; text-align:center;}
#listviewn .row {background:#9ECFD9 url('act-head.jpg') repeat-x; height:50px; font:400 12px 'lucida grande', lucida, arial; color:#000; padding:3px; border:solid 1px #25D8E3;}
#listviewn .pink {background:#E5B28F url('thing-head.jpg') repeat-x; height:50px; text-align:left; font:400 12px 'lucida grande', lucida, arial; color:#000; padding:5px; border:solid 1px #E5B28F;}

#listview {margin-top:2em; width:100%;  min-height:150px;}
#listview table {border:solid 2px #ffccff;}
#listview table th {background:#254A6F url('blue-head.gif') repeat-x; height:33px; color:#fff; padding:5px; border:solid 1px #00345E; text-align:center;}
#listview table td {background:#95C265 url('green-head.jpg') repeat-x; height:50px; font:400 12px 'lucida grande', lucida, arial; color:#000; padding:3px; border:solid 1px #5C9325;}
#listview .orange {background:#DC9A43 url('orange-head.jpg') repeat-x; height:50px; font:400 12px 'lucida grande', lucida, arial; color:#000; padding:5px; border:solid 1px #BB7826;}
#listview .black {background:#2B2F3A url('black-head.jpg') repeat-x; height:10px; font:700 12px 'lucida grande', lucida, arial; color:#fff; padding:5px; border:solid 1px #2B2F3A;}
#listview .pink {background:#F6E7B7 url('pink-head.jpg') repeat-x; height:50px; text-align:left; font:400 12px 'lucida grande', lucida, arial; color:#000; padding:5px; border:solid 1px #F6E7B7;}

.flashnews {background:#BF0013; height:25px; width:96%; margin:0 auto; padding:1px 1em 0 1em; 
            border-bottom:solid 5px #A20010;}
.newstext {font:400 17px georgia, arial; color:#fff;}
.citynews {font:600 12px georgia, arial; color:#07407B; font-style:italic;}

.search {}
.search row {border-collapse:collapse; border:solid 1px #E8CC8F; padding:2px; font:400 12px;font:margin-bottom:5px;}

.sth {background:#254A6F ; color:#fff; font-weight:bold; text-align:left; padding:3px; border-bottom:2px solid #E8CC8F;}

.greenlink { font:700 13px Arial; color:#003e9e;}
a.greenlink:link,a.greenlink:visited,a.greenlink:active { text-decoration:none; }
a.greenlink:hover {color:#346001; text-decoration:underline;}

.PopupNew {background:#fff; padding:0px 5px 2em 5px; border:10px solid #CECECE; float:right; overflow:scroll;  position:absolute;
	z-index:auto; vertical-align:top;   
	/*--CSS3 Box Shadows-- */
	-webkit-box-shadow:0px 0px 20px #000; -moz-box-shadow:0px 0px 20px #000; box-shadow:0px 0px 20px #000;
	/*--CSS3 Rounded Corners-- */
	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
}