body
{
	margin: 0;
	padding: 0;
	color:#555;
	font:78.25%/1.231  'Roboto',tahoma,verdana,arial,sans-serif;
	background: linear-gradient(#7cb2f9, #fff);
	background-repeat: no-repeat;
	background-color:#fff;
}

#page p{
	margin:10px 0 5px 0;
}
hr{
	margin:5px 0;
}
h3{
	margin:0;
}
p{
	line-height:1.8;
}
#page .navbar{
	display:none;
}

#page .navbar-inner a.brand{
	color:purple;
}
.read{
	color:green;
	font-weight:bold;
}
.figure{
	font-size:28px;
	margin:10px 10px 10px 0;
	text-shadow: 3px 3px 1px silver;
	font-weight:bold;
}
.note{
	color:brown;
}
.pending{
	color:olive;
	font-style:italic;
}
.unread{
	color:red;
}
#page a{
	 color:navy;
	 outline: 0;
}
#page .sidebar a,
#page h1 a,
#page h2 a,
#page h3 a,
#page h4 a{
	color:#777;
}
#page .sidebar a{
	font-size:15px;
	text-transform:uppercase;
}
.lbl2{
	font-weight:bold;
	font-size:17px;
	color:#999;
}
a.btn-info,
a.btn-success,
a.btn-primary,
a.btn-warning,
a.btn-danger
{
	 color:#efefef!important;
	 outline: 0;
}
a.btn-info:hover,
a.btn-success:hover,
a.btn-primary:hover,
a.btn-warning:hover,
a.btn-danger:hover
{
	 color:#fff !important;
}
#page a:hover,
a:hover
{
	color:red;
	text-decoration:none;
	
}

#page .results a:hover{
	background-color:purple;
	color:#efefef !important;
	font-weight:bold;
	padding:5px;
}

#page a.btn:hover,
a.btn:hover
{
	color:red;
	
}
#page th{
	background-color:#efefef;
}
#page #content {
	margin-bottom:100px;
	width:100%;	
		
}
/*
#page .span10{
		background: -moz-linear-gradient(#f9f4f4  0%, #fff 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f4f4 ), color-stop(100%, #fff));
		background: -webkit-linear-gradient(#f9f4f4  0%, #fff 100%);
		background: linear-gradient(#f9f4f4  0%, #fff 100%);
}*/
#footer{
	margin:0 auto;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent), url("../images/bg-footer-noise.jpg");
	background-repeat: repeat-x, repeat;
	background-size: 100px 15px, 140px 140px;
	bottom:0;
	position:fixed;
	width:100%;
}
.footer{
	
	margin:0 auto;
	text-align:center;
	font-size:12px;
}
.footer-menu li{
		display:inline;
		padding-right:10px;
	}
#page input, select, textarea{
	color:#555;
	font-weight:bold;
	box-shadow: 3px 3px #dedede;
}
#page .form-horizontal .control-group{
	margin-bottom:25px;
}
#page .control-group .control-label,
#page .control-group .control-label label{
	font-weight:bold;
}
#page .input-append, #page .add-on{
	height:auto !important;
}
#page input:hover{
	background-color:gold;
}
.sidebar {
	text-align:center;
}
.sidebar .btn{
	margin-bottom:5px;
}
.logo{
	background: url(../images/tan.png) no-repeat center top;
	text-align:center;
	float:left;
	width:100%;
	height:114px;
}
span.heading {
	font-size: 18px;
	color:#111;
	display: block;
	padding: 10px 0;
	text-shadow: 2px 2px 2px #222;
	letter-spacing:2px;
}
span.heading-2 {
	font-size: 16px;
	color:#efefef;
	padding: 5px;
	background-color:#111;
}

.ref{
	background-color:blue;
	color:#efefef;
	padding:5px 10px;
}
.book-view{
	text-align:center;
	border:1px solid #dedede;
	margin:5px 5px 5px 0;
	box-shadow: 5px 3px 2px #dedede;
}
.book-view img{
	text-align:center;
	border-radius: 45px;
	-moz-border-radius: 45px;
	-webkit-border-radius:45px;
	-khtml-border-radius: 45px;
}
.book-view:hover{
	box-shadow: -5px -3px red;
}
.ui-dialog h2,
#page h2,
.reports-container h2
{
	
	color:#333399 !important;

	
}
.ui-dialog h3,
#page h3,
.reports-container h3
{
	font-size: 17px !important;
	color:magenta !important;
	font-weight:normal !important;
	
}
.ui-dialog h4,
#page h4,
.reports-container h4
{
	font-size: 16px !important;
    margin-bottom: 7px;
	color:#333399 !important;
	font-weight:normal !important;
}
.grid-view table.items th, .grid-view table.items th a 
{
	text-decoration:none;
	color:#333 !important;

}
.grid-view table.items th a:hover
{
	text-decoration:none!important;
	background:none!important;
}
/* TABLE DISPLAY */
#page .bordered{
	border:1px solid #999;
}
#page .noborder{
	border:0px solid #999;
}
#page .items tbody tr:nth-child(2n+1) td {
  background-color:smoke !important;
}
#page table.staff_div th {
   background-color:#f9f9f9;
}
#page th{
	text-align:left;
	text-transform:uppercase;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-bottom:0px solid #999;
	border-left:1px solid #999;
	padding:3px 10px;
	background: #efefef;
	
}

 #page td{
	padding:3px 10px;
	vertical-align:top;
	text-align:left;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-bottom:0px solid #999;
	border-left:1px solid #999;
	padding:3px 10px;
 }
table.account td.lbl1{
	width:160px;
	font-weight:bold;
	text-align:right;
	color:#444;
	background-color:#f6f6f6;
	border:1px solid #dedede;
	text-transform:uppercase;
	
	
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input
{
	height:30px;
}
/* Graphs */
#page .visualize {
	margin:10px 0;

}
/* Tables */
#page table {

	margin-left:0;
	border:1px solid #999;
	width:100%;
}
input.grandtotal{
	color:red;
	font-size:17px;
}

#page td.bold{
	font-weight:bold;
}

#page td.right, #page th.right,
td.right, th.right{
	text-align:right;
}
#page table,
#page td.no-border,
#page th.no-border
{
	border:0px solid #dedede !important;
}
#page td.hightlights{
	color:#444;
	background-color:#f6f6f6 !important;
	border:1px solid #dedede;
}
.strikethrough {
    text-decoration: line-through;
}
/** END OF TABLE DISPLAY **/

#page .span3{
	margin-bottom:40px !important;
}
	
span.pending{
	
	color:#555;
}
span.pending2{
	
	color:brown;
}
span.olive{
	
	color:#ff9900;
}
span.navy{
	
	color:navy;
}
span.teal,.teal{
	color:teal;
}
span.blue,.blue{
	color:#0088cc;

}
.orange{
	color:orange;
}
.red{
	color:red;
}
span.magenta{
	color:magenta;
}
.gray{
	color:#666;
}
span.green2{
	
	color: #004d00;
}
.unprocessed{
	color:gray;
	font-style:italic;
	font-weight:bold;
}

.pending{
	color:olive;
	font-weight:bold;
	text-transform:uppercase;
}

.approved{
	color:green;
	font-weight:bold;
}

.rejected{
	color:red;
	font-weight:bold;
}
.crossed{
	color:red;
	text-decoration:line-through;
}

/* certificate issuance */

.brown{
	color:brown;
}


/* dialog forms*/
#page .ui-dialog{
	top:170px;
	border:7px solid #dedede;
}
#page{
	background: #fff;
	padding:20px 30px;
}


#page .num{
	font-weight:bold;
	color:#555;
}
#page .ui-accordion .ui-accordion-header a {
  display: block;
  font-size: 13px;
  padding: 0.5em 0.5em 0.5em 2.5em;
}
#page .ui-widget-content a {
	color:#0088cc;
}
#page .ui-widget-content {
  border: 1px solid #ccc;
  padding:20px;
  color:#222;
  font:95%/1.231  'Trebuchet MS',tahoma,verdana,arial,sans-serif;
  
}
.ui-dialog .ui-dialog-content{
	height:auto !important;
	padding:30px 70px;
	z-index:1040 !important;
}
.ui-dialog{
	border:3px solid navy !important;
	padding:0px !important;
	box-shadow: -10px -10px 10px #555 !important;
	z-index:1035 !important;
	
}
.ui-widget-overlay {
	z-index:1030 !important;
}
.ui-dialog .ui-dialog-title {
	color:navy !important;
	text-align:center !important;
	width:100%;
}
.ui-draggable .ui-dialog-titlebar {
	background-color:#efefef !important;
	color:navy !important;
	text-align:center !important;
	
}

.profile2 img{
	
	height:300px;
}

#page .center{
	text-align:center;
}
#page table.noborder{
	
	border:0px solid #efefef;
}
#page .noborder{
	
	border:0px solid #efefef;
}
#page .nopadding{
	
	padding:0;
	margin:0;
}
/* YII Tabs */
#page .yiiTab div.view {
	background: -moz-linear-gradient(#f9f4f4  0%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f4f4 ), color-stop(100%, #fff));
	background: -webkit-linear-gradient(#f9f4f4  0%, #fff 100%);
	background: linear-gradient(#f9f4f4  0%, #fff 100%);
	border-left: 0px solid pink;
	border-right: 0px solid pink;
	border-bottom: 0px solid pink;
	padding:5px 0;
	margin: 0;
}
#page .yiiTab ul.tabs {
	border-bottom: 3px solid #7cb2f9;
	font-weight:bold;
}

#page .yiiTab ul.tabs a {
	background:brown;
	background: -moz-linear-gradient(#efefef 0%, #7cb2f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #7cb2f9));
	background: -webkit-linear-gradient(#efefef 0%, #7cb2f9 100%);
	background: linear-gradient(#efefef 0%, #7cb2f9 100%);
	padding: 7px 30px;
	text-transform:uppercase;
	color:#222;
	border-top:3px solid #7cb2f9;
	border-right:3px solid #7cb2f9;
	border-left:3px solid #7cb2f9;

}
#page .yiiTab ul.tabs a.active {
	background:#f9f4f4  !important;
	color:#7cb2f9;
	
}
.nav-tabs{
	background-color:#f9f9f9;
}
.notes{
	padding:10px 0 30px 0;
	color:navy;
	font-size:18px;
}
h1{border-bottom:3px solid;}
h2{border-bottom:0px solid;}
h3{border-bottom:1px solid;}
h4{border-bottom:1px solid;}
h5{border-bottom:0px solid;}
h6{}
span.dash-b{
	font-size:16px;
	font-weight:bold;
}

span.dash-c{
	background-color:#7cb2f9;
	color:#efefef;
	padding:3px 10px;
	font-size:80%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius: 5px;
}
span.dash-d{
	background-color:orange;
	color:#efefef;
	padding:3px 10px;
	font-size:80%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius: 5px;
}
#page .alert-block {
    padding: 30px;
    font-size: 18px;
    font-weight: bold;
	border:2px solid brown;
}
#page .content{
	margin-left: 100px !important;
}
/* query for when menu toggle happens */
@media only screen and (max-width: 979px) {
	.sidebar .btn{
	 font-size:14px;
	}
	#page #content {
		padding-top: 0px;
		padding:0px;
	}
	#page .content{
		margin-right: auto;
		margin-left: auto;
	}
	.navbar-fixed-top {
		margin-bottom: 0px;
	}
	.sidebar{
		padding: 10px;
		min-height:0px;
		background-color:#006dcc;
	}
	#footer{
		position:relative;
	}
}