header{}
header .header-top{background-color:#282828;padding:10px 0;}
header .header-top .logo {}

.holder{}
.holder h1{ margin-bottom:10px;}
.holder h2{ margin-bottom:10px;}
.holder h3{ color:#2b2b2b; font-size:27px; font-family:'Raleway'; font-weight:600;margin-bottom:10px;}
.holder h4{ color:#2b2b2b; font-size:22px; font-family:'Raleway'; font-weight:800;  text-transform:uppercase;margin-bottom:10px;}
.holder p { color:#717171; font-size:14px; font-family:'Open Sans'; line-height:1.7;}

.holder .welcome-content{ padding:20px 0;}
.holder .welcome-content p{ font-size:15px;}

.holder .box-holder{ padding-bottom:25px;}
.holder .box-holder a.read{ color:#a15810; font-size:16px; font-family:'Raleway'; font-weight:600; text-transform:uppercase;}
.holder .box-holder .box-content{ padding:15px;}
.holder .box-holder .box-1{ background:#f7f7f7; border-bottom:3px solid #a0d4f2; height:480px;}
.holder .box-holder .box-2{ background:#f7f7f7; border-bottom:3px solid #b9824c; height:480px; }
.holder .box-holder .box-3{ background:#f7f7f7; border-bottom:3px solid #f8d150; height:480px;}
.holder .box-holder .box-content ul {padding-left:0;}
.holder .box-holder .box-content ul li { color:#717171; font-size:14px; font-family:'Open Sans'; 
	padding-left:1.4em;
	padding-bottom:5px;
}
.holder .box-holder .box-content ul li:before {
	content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.4em; /* same as padding-left set on li */
  width: 1.4em; /* same as padding-left set on li */
} 
.holder .box-holder .box-employment ul li:before {
	content: "\f007"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.4em; /* same as padding-left set on li */
  width: 1.4em; /* same as padding-left set on li */
}

.holder .box-holder .box-events ul li:before {
	content: "\f073"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.4em; /* same as padding-left set on li */
  width: 1.4em; /* same as padding-left set on li */
}

.holder .box-holder .box-news ul li:before {
	content: "\f1ea"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.4em; /* same as padding-left set on li */
  width: 1.4em; /* same as padding-left set on li */
}

.holder .box-holder .box-content ul li a{ color:#717171;} 

.holder .clint-holder { background: #80c6ed none repeat scroll 0 0;  padding-top: 13px;}

footer{ background:#282828; padding:15px 0;}
footer .foot-menu{ padding-top:15px;}
footer  ul li a{ color:#fff; font-size:14px; font-family:'Open Sans';}
footer  ul li a:hover{ color:#f8d150;}
footer  p{ color:#fff; font-size:14px; font-family:'Open Sans';}
footer i{ font-size:20px !important; padding-right:10px; }
footer i:hover{ color:#f8d150;}

footer h4{ color:#fff; font-size:16px; font-family:'Open Sans'; text-transform:uppercase; font-weight:bold;}


.sub-holder{ padding:25px 0;}
.sub-holder .content-para{ padding:5px 0;}
.sub-holder .content-para p{ line-height:1.8;}
.side-list{ border:1px solid #ccc;}
.side-list h4{ color:#fff; background:#80c6ed; margin:0; padding:10px; font-family:'Raleway'; text-transform:capitalize; font-size:18px;}
.side-list ul li { background: rgba(0, 0, 0, 0) url("../img/icons/inner-tic.png") no-repeat scroll 6px 10px;  border-bottom: 1px solid #ccc;  padding: 10px 36px;}
.side-list ul li:last-child{ border-bottom:none;}
.side-list ul li a{ color:#717171; font-size:16px; font-family:'Open Sans';}
.side-list ul li.current {
	background-color:#e0f1ff;
}

.panel-title > a {
	color:#337ab7;
	display:block;
	font-size:0.85em;
	text-decoration:none;
}
.panel-title > a:hover {
	text-decoration:none;
}

.forum_pics {
	margin: 0 auto;
	clear:both;
}

.forum_pic {
	position:static;
	border:1px solid #d5d5d5;
	padding:5px;
	margin:0 20px;
	width:100px;
	float:left;
	z-index:9999;
}

.forum_pic_sel {
	position:fixed;
	left:50%;
	top:50%;
	border:1px solid #d5d5d5;
	padding:5px;
}  

.forum_last_edit {
	float:right;
	font-size:0.8em;
}

.forum_topic table tr td {
	border-bottom:1px solid #c5c5c5;
	padding:10px;
}
.forum_newtopic h2 {
	font-size:25px;
	margin-top:20px;
}


	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  padding: 4px 12px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 10px;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button:disabled,
	input[type="submit"]:disabled,
	input[type="reset"]:disabled,
	input[type="button"]:disabled {
		color:#aaaaaa;
	}
	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}
	
	
	.contact i {
	color:#aaa;
	margin-right:2px;
}
.contact-table,
.contact-table td {
	border:none;
}
.contact-table td, .table-pad td {
	padding:3px;
}
.contact-form input,
.contact-form textarea {
	width:100%;
	margin-bottom:10px;
	border-radius:3px;
	padding:4px 12px;
}
.contact-form input.btn {
	width:80px;
	padding:10px 12px;
}
.contact-form .error {
	color:#FF0000;
}

#ajaxalert {
	background-color: white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0 0 20px 0 #222;
	-webkit-box-shadow: 0 0 20px 0 #222;
	-moz-box-shadow: 0 0 20px 0 #222;
	display: none;
	margin-left: -100px;
  margin-top: -100px;
	padding: 20px;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	z-index: 1000;
}

div.ajaxerror{
    background-color:#FFF;
    border-color: #222;
    color:red;
    border-style: solid;
    border-width: 2px;
    padding: 5px;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 0 10px 0 #222;
	-webkit-box-shadow: 0 0 10px 0 #222;
	-moz-box-shadow: 0 0 10px 0 #222;
}


/*Calendar legend*/

.callegend { 
    display:inline;
    height:10px;
    border-radius:6px;
    margin: 5px 0px 5px 10px;
}

.loading {
	padding-left:10px;
	font-size:1.5em;
	visibility:hidden;
}
.lshow {
	visibility:visible !important;
}

.box {
	border-color:#a5a5a5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 0 10px 0 #222;
	-webkit-box-shadow: 0 0 10px 0 #222;
	-moz-box-shadow: 0 0 10px 0 #222;
	padding:20px;
	margin:20px auto;
	width:70%;
}

.box h3 {
	margin-top:0px;
}

.box p {
	margin:2px 0px;
}
.modal-window {
  background-color: white;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 0 0 20px 0 #222;
  -webkit-box-shadow: 0 0 20px 0 #222;
  -moz-box-shadow: 0 0 20px 0 #222;
  display: none;
  position: fixed;
  top: 10%;
  left: 30%;
  width: 600px;
  z-index: 1000;
	margin:10px;
	padding:10px;
}
#modal-background {
    display: none;  /* ensures it’s invisible until it’s called */
    position: fixed;  /* makes the div go into a position that’s absolute to the browser viewing area */
    left: 0%; /* makes the div span all the way across the viewing area */
    top: 0%; /* makes the div span all the way across the viewing area */
    background-color: black;
    -moz-opacity: 0.5; /* makes the div transparent, so you have a cool overlay effect */
    opacity: .50;
    filter: alpha(opacity=50);
    width: 100%;
    height: 100%;
    z-index: 999; /* makes the div the second most top layer, so it’ll lay on top of everything else EXCEPT for divs with a higher z-index (meaning the #overlay ruleset) */
}

/* ==============================================
	Alerts
============================================== */

.alert {
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.alert.notice { 
	background:url("../img/exclamation.png") no-repeat scroll 15px 9px #FFFEDD;
	border:1px solid #FFEDB7;
	margin:20px auto;
	padding:10px 10px 10px 45px;
	width:90%;
}
.alert.error {
	background:url("../img/error.png") no-repeat scroll 15px 9px #FFF0F0;
	border:1px solid #FFCCCC;
	color:#FF0000;
	margin:20px auto;
	padding:10px 10px 10px 45px;
	width:90%;
}
.alert.success {
	background:url("../img/checkmark.png") no-repeat scroll 15px 9px #F2FFF2;
	border:1px solid #C1FFC1;
	margin:20px auto;
	padding:10px 10px 10px 45px;
	width:90%;
	color:#2EAD3D;
} 


.admin .Updated {
	padding:10px;
	background:#F5F5F5;
	border:1px solid #E5E5E5;
	margin-top:5px;
	margin-bottom:5px;
}
.admin .Updated a { 
	border-right:1px dotted #CCCCCC;
	margin-left:8px;
	padding-left:20px;
	padding-right:8px;
}
.admin a.user { padding:0 10px 0  0; margin:0; }
.admin a.help { background:url("../images/help.png") no-repeat;float:right;}
.admin a.logout { background:url("../images/logout.png") no-repeat;border:none;float:right;padding-right:0;}
.admin a.main { background:url("../images/home.png") no-repeat; }
.admin a.media { background:url("../images/media.png") no-repeat; }
.admin a.c_edit { background:url("../images/content.png") no-repeat; }
.admin a.proj_dwnlds { background:url("../images/downloads.png") no-repeat; }
.admin a.go_back { background:url("../images/return.png") no-repeat; }
.admin a.edit_page { background:url("../images/edit_page.png") no-repeat; }
.admin a.users { background:url("../images/users.png") no-repeat;float:right;}


.admin a {
	text-decoration:none;
	word-wrap: break-word;
}
.admin a:hover {
	text-decoration:underline;
}
.admin h3 {
	border-bottom:1px dashed #DDDDDD;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.4em;
	font-weight:normal;
	padding:0 0 10px 10px;
	text-align:left;
}
.admin .home_links {
	border:5px solid #eee;
	line-height:22px;
	margin:30px auto 100px;
	padding:25px 20px;
	width:300px;
}
.admin .home_links a {
	padding-left:25px; 
	margin-left:20px;
	float:left;
	
}


.admin table.users {
	padding:5px 5px 0 5px;
	border:1px solid #DDD;
	width:90%;
	margin:0 auto;
}
.admin table.users th,
.admin table.mod_projects th {
	padding:5px;
	background:#F5F5F5;
	text-align:left;
}
.admin table.users th.centered { text-align:center; }

.admin table.users td {
	padding:5px;
	border-top:1px dashed #DDDDDD;
}

.select2-disabled {
	color:#a5a5a5;
}

table.tablesorter thead tr .header {
	background-color: #ededed;
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	background-image: url(../img/bg.gif), -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background-image: url(../img/bg.gif), -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../img/desc.gif);
}

.admin .new_page {
	background:url(../images/newpage.png) no-repeat; 
	padding-left:22px; 
	font-weight:bold;
	margin-left:50px;
}

.sendgrp {
	width:470px;
}
.viewgrp {
 cursor:pointer;
}

#sendtodiv {
	margin:5px 0;
}


/* ==============================================
	Media Admin
============================================== */
.media-row {
    border:1px solid #d5d5d5;
}
.media-expand {
   cursor:pointer;
   color:#808080;
   margin-left:-20px;
   padding-right:5px;
}
.media-disable {
   color:#d5d5d5;
   margin-left:-20px;
   padding-right:5px;
}

#media-tree {
    border-right:1px solid #d5d5d5;
    padding:5px;
}
#media-tree ul {
    margin-left:20px;
}
#media-tree ul > li > ul {
   display:none;
}

#media-tree li {
    padding:3px 0px;
}

#media-tree li {
    padding:3px 0px;
}

#folder-topbar {
    padding:10px;
    border-bottom:1px solid #d5d5d5;
    margin-bottom:15px;
    margin-left:-15px;
}
#media-tree-list {
    height:600px;
    overflow-x:hidden;
    
}
#media-folder-list {
    height:530px;
    overflow-x:hidden;
}
#current-folder {
    font-weight:bold;
    font-size:1.1em;
}
#folder-menubar {
    margin-bottom:15px;
    margin-left:-15px;
    padding-bottom:10px;

}
.menubar {
    padding:0 5px;
    cursor:pointer;

    
}
.media-file-size {
    font-size:0.8em;
    color:#808080;
}
#file-list {
  padding: 0 0 0 10px;
  clear: both;
  position: relative;
  overflow: hidden;
  width: 100%;
}
#file-list li {
  width: 48%;
  padding: 5px;
  display: inline-block;
  vertical-align: top;
}

.media-ind-file {
    border-top: 1px solid #d5d5d5;
}

/* ==============================================
	Media Admin END
============================================== */




@media (max-width: 1365px) {
	header .header-top .mainmenu .navbar-nav li a { font-size: 14px;  padding: 8px;}
	header .header-bottom .carousel-content-panel { bottom: 20%;  position: absolute;}
	
	.holder .box-holder .box-1 { border-bottom: 3px solid #a0d4f2;  height: 500px;  margin-bottom: 10px;}
	.holder .box-holder .box-2 { border-bottom:3px solid #b9824c;  height: 500px;  margin-bottom: 10px;}
	.holder .box-holder .box-3 { border-bottom:3px solid #f8d150;  height: 500px;  margin-bottom: 10px;}
}


@media (max-width: 1023px) {
	header .header-top .mainmenu .navbar-nav li a { font-size: 15px;  padding: 15px;}
	
	header .header-bottom .carousel-content-panel h3 {  font-size: 34px;}
	
	.holder h4 {  font-size: 13px;}
	.side-list h4{font-size: 18px;}
	.side-list ul li a { font-size: 13px;}
	
	.holder .box-holder .box-1 { border-bottom: 3px solid #a0d4f2;  height: 465px;  margin-bottom: 10px;}
	.holder .box-holder .box-2 { border-bottom:3px solid #b9824c;  height: 465px;  margin-bottom: 10px;}
	.holder .box-holder .box-3 { border-bottom:3px solid #f8d150;  height: 465px;  margin-bottom: 10px;}
}


@media (max-width: 767px) {
	header .header-top .logo { position: relative;  z-index: 100;}
	header .header-top .top-button { padding-top: 20px;  text-align: center;}
	header .header-top .top-button .btn-1{ margin-bottom:10px;}
	header .header-top .top-button .btn-2{ margin-bottom:10px;}
	header .header-top .top-button .btn-3{ margin-bottom:10px;}
	
	.holder .box-holder .box-1 { border-bottom: 3px solid #a0d4f2;  height:auto;  margin-bottom: 10px;}
	.holder .box-holder .box-2 { border-bottom:3px solid #b9824c;  height: auto;  margin-bottom: 10px;}
	.holder .box-holder .box-3 { border-bottom:3px solid #f8d150;  height: auto;  margin-bottom: 10px;
	
	.holder h4 {  font-size: 20px;}
	
	footer p {  font-size: 13px;}
}