/* #Reset & Basics 
================================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
input, select, textarea, button {
	outline: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/*body {
	line-height: 1;
}*/
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
}
img {
	border: 0;
}
strong, b {
	font-weight: bold;
}
/* #Typo
================================================== */

/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before, .clearfix:after, .row:before, .row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.row:after, .clearfix:after {
	clear: both;
}
.row, .clearfix {
	zoom: 1;
}
/* You can also use a <br class="clear" /> to clear columns */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* #Headings
================================================== */
aside h3, article h3, h2 {
	border-top: 5px solid #a60f15;
	padding: 20px 0;
	border-bottom: 1px solid #CCC;
	font-size: 18px;
	color: #333;
	margin-bottom: 20px;
}
h2 {
	border-top-color: #CCC;
	color: #585858;
}
.home-heading {
	border-bottom: 1px dotted #CCC;
	float: left;
	width: 100%;
	position: relative;
	font-size: 21px;
	color: #535353;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.red-title, .eval-message {
	color: #a60f15;
	font-size: 14px;
}
a.red-title:hover {
	text-decoration: underline;
}
.eval-message {
	font-size: 12px;
	margin-bottom: 40px;
	line-height: 1.3em;
}
.messaging-body h3 {
	border-top: 0;
	border-bottom: 1px solid #999;
	padding: 15px 20px;
	font-size: 18px;
	color: #343434;
	font-weight: bold;
	position: relative;
	margin-bottom: 0;
}
/* #Common Styles
================================================== */
body {
	background: #e5e5e5;
	font: 14px Arial, Helvetica, sans-serif;
}
.container {
	margin: 0 auto;
	width: 100% !important;
	background: #FFF;
}
.page-content {
	width: 94%;
	margin: 0 auto;
	position: relative;
}
.top-header {
	height: 40px;
	padding: 0 10px;
	background: rgb(234,234,234); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(234,234,234,1) 50%, rgba(228,228,228,1) 50%, rgba(228,228,228,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(234,234,234,1)), color-stop(50%, rgba(234,234,234,1)), color-stop(50%, rgba(228,228,228,1)), color-stop(100%, rgba(228,228,228,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(234,234,234,1) 50%, rgba(228,228,228,1) 50%, rgba(228,228,228,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(234,234,234,1) 50%, rgba(228,228,228,1) 50%, rgba(228,228,228,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(234,234,234,1) 50%, rgba(228,228,228,1) 50%, rgba(228,228,228,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(234,234,234,1) 0%, rgba(234,234,234,1) 50%, rgba(228,228,228,1) 50%, rgba(228,228,228,1) 100%); /* W3C */
}
.ie9 .top-header, .ie8 .top-header, .ie7 .top-header {
	background: transparent url(../images/top-bar.png) repeat-x;
}
.logout {
	float: right;
	color: #000;
	margin-top: 13px;
}
.logout span {
	width: 0;
	height: 0;
	float: left;
	margin-right: 6px;
	margin-top: 3px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #464646;
}
.top-header .user-name {
	margin-top: 13px;
	float: right;
	margin-right: 20px;
	color: #4d4d4d;
	padding-left: 20px;
	margin-left: 0px;
}
.logout:hover {
	text-decoration: underline;
}
.top-header input[type=text] {
	background: #FFF;
	border: 1px solid #e3e4e3;
	width: 140px;
	padding: 0 7px;
	height: 21px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #888;
	float: right;
	margin-top: 8px;
	margin-left: 20px;
	margin-right: 0;
}
.top-header input[type=submit] {
	background: url(../images/search-btn.png) no-repeat;
	width: 7px;
	height: 13px;
	border: 0;
	cursor: pointer;
	float: right;
	margin-top: 14px;
	margin-left: 5px;
}
.news-ticker-title {
	background: #f4f4f4;
	height: 23px;
	float: right;
	padding: 0 10px;
	border: 1px solid #e3e4e3;
	font-family: Tahoma, Geneva, sans-serif;
	line-height: 20px;
	margin-top: 8px;
	border-radius: 3px;
	color: #545454;
}
.news-list {
	width: 435px;
	float: right;
	margin-right: 10px;
	direction: rtl;
	font-family: Tahoma, Geneva, sans-serif;
}
.news-list ul {
	padding: 0;
	height: 40px;
	overflow: hidden;
}
.news-list li {
	height: 40px;
	line-height: 40px;
}
.news-list li a {
	color: #505050;
}
.news-list li a:hover {
	color: #000;
}
.logo {
	width: 216px;
	height: 62px;
	position: relative;
	float: left;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-top: 40px;
	margin-bottom: 49px;
}
.logo span {
	background: url(../images/logo.png) no-repeat 0 0;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
}
.website-name {
	width: 115px;
	height: 20px;
	background: url(../images/logo.png) no-repeat 0 -85px;
	display: inline-block;
	margin-top: 53px;
	margin-left: 22px;
}
.quote {
	position: absolute;
	right: 125px;
	font-style: italic;
	max-width: 390px;
	text-align: right;
	bottom: 25px;
	color: #585858;
	font-size: 12px;
}
.quote p {
    font-size: 12px;
}
.change-password {
	float: right;
	margin-top: 27px;
	margin-right: 20px;
	color: #000;
}
.change-password:hover {
	text-decoration: underline;
}
.change-pass input[type=text] {
	background: #FFF;
	width: 213px;
}
.user-image {
	float: right;
	border: 1px solid #e7e7e7;
	margin-top: 30px;
}
.quote .quote-left, .quote .quote-right {
	background: url('../images/quote.png') no-repeat 0 0;
	width: 23px;
	height: 17px;
	position: absolute;
	left: -3px;
	top: -10px;
}
.quote .quote-right {
	background: url('../images/quote.png') no-repeat 0 -23px;
	left: auto;
	right: -17px;
	top: auto;
	bottom: -7px;
}
.content {
	background: rgb(221,221,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(221,221,221,1) 0, rgba(242,242,242,1) 180px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(221,221,221,1)), color-stop(180px, rgba(242,242,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0, rgba(242,242,242,1) 180px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(221,221,221,1) 0, rgba(242,242,242,1) 180px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(221,221,221,1) 0, rgba(242,242,242,1) 180px); /* IE10+ */
	background: linear-gradient(to bottom, rgba(221,221,221,1) 0, rgba(242,242,242,1) 180px); /* W3C */
}
.ie9 .content, .ie8 .content, .ie7 .content {
	background: #f1f1f1 url(../images/content-gred.png) repeat-x;
}
.colored-sections a.section {
	width: calc(25% - 46px);
	height: 70px;
	float: left;
	position: relative;
	margin: 15px 0 15px 1px;
	padding-right: 45px;
	text-align: right;
	
}
.colored-sections a.section:first-child {

}
.messages-count {
	position: absolute;
	left: 10px;
	background: #23040d;
	color: #FFF;
	padding: 3px 8px;
	border-radius: 10px;
	top: 8px;
	font-size: 11px;
}
.section.green {
	background: #979f1c url('../images/colored-bgs.png') no-repeat right -250px;
}
.section.gray {
	background: #8f8f8f url('../images/colored-bgs.png') no-repeat right -73px;
}
.section.red {
	background: #ae1640 url('../images/colored-bgs.png') no-repeat right -137px;
}
.section.orange {
	background: #f68d1f url('../images/colored-bgs.png') no-repeat right -198px;
}
.colored-sections a.section .details {
	padding: 12px;
	color: #FFF;
	padding-right: 4px;
}
.colored-sections a.section .details h3 {
	font-size: 16px;
	border: 0;
	margin-bottom: 3px;
}
.content-area {
	background: #FFF;
	float: left;
	width: 97%;
	padding: 20px 1.5% 30px;
}
.left-col {
	float: left;
	width: 25%;
}
.home-center {
	float: left;
	width: 48%;
	margin-left: 2%;
}
.home-right {
	float: left;
	width: 23%;
	margin-left: 2%;
}
.portlet-header {
	width: 100%;
}
.portlet-content {
	width: 100%;
	overflow: hidden;
}
.left-col nav {
	border-top: 5px solid #a60f15;
	margin-bottom: 32px;
}
.left-col nav li {
	border-top: 1px solid #CCC;
	padding: 15px 0;
	font-size: 14px;
	font-weight: bold;
}
.left-col nav li:first-child {
	border-top: 0;
}
.left-col nav li a {
	color: #808080;
	display: block;
}
.left-col nav li.with-sub {
	background: url(../images/arrow-down.png) no-repeat 160px 22px;
}
.left-col nav li.with-sub.open {
	background: url(../images/arrow-top.png) no-repeat 160px 22px;
}
.left-col nav li.with-sub.open > a {
	color: #a60f15;
}
.left-col nav li ul li {
	padding: 10px 0;
	font-size: 12px;
	font-weight: normal;
	padding-left: 10px;
}
.left-col nav li ul {
	padding-left: 20px;
	margin-top: 10px;
	display: none;
}
.left-col nav li ul.opened {
	display: block;
}
.left-col nav li ul li:hover, .left-col nav li ul li.current {
	background: #900;
}
.left-col nav li ul li:hover a, .left-col nav li ul li.current a {
	color: #FFF;
}
.ask textarea {
	border: 1px solid #e3e4e3;
	border-radius: 3px;
	width: 159px;
	padding: 10px;
	margin: 0;
	height: 90px;
}
.ask input[type=submit], input[type=submit].post, .comments-list input[type=submit], .wiki-search input[type=submit], .popup-content .profile-data .form input[type=submit], .buttons-group input {
	margin: 0;
	float: right;
	margin-top: 10px;
	border: 1px solid #a80f16;
	color: #FFF;
	font-size: 12px;
	width: 60px;
	height: 24px;
	border-radius: 3px;
	background: rgb(195,21,28); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(195,21,28,1) 0%, rgba(166,15,21,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(195,21,28,1)), color-stop(100%, rgba(166,15,21,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(195,21,28,1) 0%, rgba(166,15,21,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(195,21,28,1) 0%, rgba(166,15,21,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(195,21,28,1) 0%, rgba(166,15,21,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(195,21,28,1) 0%, rgba(166,15,21,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3151c', endColorstr='#a60f15', GradientType=0 ); /* IE6-9 */
}
@-moz-document url-prefix() {
 .ask input[type=submit], input[type=submit].post, .comments-list input[type=submit], .wiki-search input[type=submit], .popup-content .profile-data .form input[type=submit] {
 padding: 0 0 3px;
}
}
input[type=submit].post {
	margin-left: 0 !important;
}
.attach-option input[type=text] {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
footer {
	background: rgb(229,229,229); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229,229,229,1)), color-stop(100%, rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(246,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(229,229,229,1) 0%, rgba(246,246,246,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f6f6f6', GradientType=0 ); /* IE6-9 */
	height: 83px;
	line-height: 83px;
	text-align: center;
	color: #393939;
}
.footer-line {
	width: 100%;
	background: #647f91;
	height: 1px;
	border-bottom: 1px solid #FFF;
}
.main-content {
	float: left;
	width: 73%;
	margin-left: 2%;
}
.section-title, .eval-bar {
	background: #e5e5e5;
	padding: 10px 20px;
	color: #2e2e2e;
	margin-bottom: 20px;
	font-size: 13px;
}
.section-title a, .group-container li a, .eval-bar a {
	color: #3089c2;
}
.section-title a:hover, .group-container li a:hover {
	text-decoration: underline;
}
.tabs, .content-tabs {
	border-bottom: 2px solid #a60f15;
	padding-left: 15px;
}
.tabs li, .content-tabs li {
	float: left;
	padding: 10px 15px;
	background: #333;
	margin-left: 3px;
	cursor: pointer;
}
.academic-tabs li {
	padding: 10px 8px;
}
.tabs li.active, .firstAct, .content-tabs li.active {
	background: #a60f15;
}
.tabs li a, .content-tabs li a {
	color: #FFF;
}
.tab-content, .content-tabs-data {
	padding: 20px;/*display: none;*/
}
label {
	float: left;
	color: #333;
	margin-top: 5px;
}
label a {
	color: #3089c2;
	float: left !important;
}
.clear-field {
	float: left !important;
	color: #3089c2;
	margin-top: 5px;
}
input[type="checkbox"], input[type="radio"] {
	float: left;
}
select, input[type="text"], textarea {
	border: 1px solid #ccc;
	color: #333;
	float: left;
	font-size: 12px;
	height: 21px;
	padding: 2px;
	margin-right: 20px;
}
textarea {
	height: 100px;
}
.raduis {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.red-bg {
	background: #a60f15;
}
.button-design {
	border: 0 !important;
	padding: 5px 10px !important;
	color: #FFF !important;
	float: left;
	margin-right: 10px;
}
/* #Pages Styles
================================================== */
.column, .columnWide {
	float: left;
}
.columnWide {
	width: 100%;
}
.portlet {
	margin-bottom: 40px;
	background: #FFF;
}
.portlet-header {
	position: relative;
}
.portlet-toggle {
	position: absolute;
	right: 27px;
}
.ui-icon-minusthick, .toggle-show {
	background: url('../images/ex-co.png') no-repeat -1px -1px;
	width: 19px;
	height: 19px;
	cursor: pointer;
}
.ui-icon-plusthick, .toggle-show.open {
	background: url('../images/ex-co.png') no-repeat -1px -25px;
	width: 19px;
	height: 19px;
	cursor: pointer;
}
.toggle-show {
	float: right;
}
.hidden-box {
	margin-bottom: 30px;
}
.portlet-placeholder {
	border: 1px dotted black;
	margin: 0 1em 1em 0;
	height: 50px;
}
.no-icon .ui-icon {
	display: none;
}
.drag-btn {
	background: url('../images/sections-icons.png') no-repeat -6px -41px;
	width: 16px;
	height: 16px;
	float: right;
	cursor: pointer;
}
.social-icon {
	background: url('../images/sections-icons.png') no-repeat -2px -2px;
	width: 26px;
	height: 23px;
	float: right;
	margin-right: 12px;
	margin-top: -2px;
}
.news-icon {
	background: url('../images/sections-icons.png') no-repeat -3px -84px;
	width: 21px;
	height: 21px;
	float: right;
	margin-right: 12px;
}
.announcements-icon {
	background: url('../images/sections-icons.png') no-repeat -1px -126px;
	width: 28px;
	height: 22px;
	float: right;
	margin-right: 12px;
}
.add-status {
	padding-bottom: 20px;
}
.add-status input[type=text], .comments-list input[type=text], .wiki-search input[type=text] {
	width: 96%;
	height: 36px;
	border: 1px solid #e3e4e3;
	border-radius: 3px;
	float: left;
	padding: 0 2%;
	margin: 0 0 10px 0;
	font-size: 14px;
}
.comments-list input[type=text] {
	margin-right: 0 !important;
}
.add-status input[type=submit] {
	float: left;
	margin-left: 13px;
	margin-top: 4px;
	padding: 0;
}
.add-status a {
	margin-left: 10px;
	margin-top: 6px;
}
a.settings {
	background: url('../images/settings.png') no-repeat 0 0;
	width: 18px;
	height: 18px;
	float: left;
}
a.attach {
	background: url('../images/settings.png') no-repeat -5px -22px;
	width: 8px;
	height: 17px;
	float: left;
}
.attach-option {
	background: #f6f6f6;
	padding: 12px 2%;
	float: left;
	width: 96%;
	border: 1px solid #f2f2f2;
	position: relative;
	margin-top: 10px;
	display: none;
}
.attach-option-arrow, .attach-option-arrow-top {
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #f2f2f2;
	position: absolute;
	top: -8px;
	right: 6px;
}
.attach-option-arrow-top {
	border-bottom: 8px solid #f6f6f6;
	top: -6px;
}
.upload-input {
	border-right: 1px solid #CCC;
	padding-right: 10px;
	float: left;
	width: 185px;
}
.upload-input input[type=file] {
	width: 170px;
}
.attach-option input[type=text] {
	width: 147px;
	height: 20px;
	margin-left: 20px;
	display: none;
}
.attach-option input[type=submit], a#show-youtube {
	width: 24px;
	height: 24px;
	background: transparent url(../images/youtube-btn.png) no-repeat !important;
	border: 0;
	margin-top: 0;
	float: left;
}
.home-center .portlet .list {
	float: left;
	width: 100%;
	background: #f6f6f6;
	border: 1px solid #f2f2f2;
}
.home-center .portlet .list .post {
	padding: 15px 17px 0;
	border-top: 1px dotted #DDD;
}
.home-center .portlet .list .post:first-child {
	border-top: 0;
}
.home-center .portlet .list .post img {
	width: 45px;
	border: 1px solid #dfdfdf;
	float: left;
}
.home-center .portlet .list .post .details {
	padding-left: 63px;
	padding-bottom: 15px;
}
.home-center .portlet .list .post .details a, .home-center .portlet .list .post .details p {
	color: #666;
	font-weight: bold;
	margin-bottom: 5px;
	display: block;
	font-size: 15px;
}
.home-center .portlet .list .post .details a:hover {
	text-decoration: underline;
}
.home-center .portlet .list .post .details p {
	font-weight: normal;
}
.home-center .portlet .list .post .details p img {
	float: left;
	margin-right: 10px;
	width: 90px;
	margin-bottom: 10px;
}
.home-center .portlet .list .post .details .date {
	display: block;
	color: #8a8a8a;
	margin-bottom: 8px;
}
.home-center .portlet .list .post .comment-entry .details .date {
	margin: 0;
	display: inline;
}
.home-center .portlet .list .post .details .comment-count, .home-center .portlet .list .post .details .delete {
	color: #3089c2;
	cursor: pointer;
	display: inline;
}
.home-center .portlet .list .post .details .delete {
	margin-left: 10px;
	font-weight: normal;
}
.home-center .portlet .list .post .details .comment-count:hover {
	text-decoration: underline;
}
.comments {
	width: 435px;
	margin: 0px -17px 0;
	background: #f0f0f0;
	padding: 15px 0 0;
	display: none;
}
.comments-list {
	margin-left: 70px;
	padding-right: 17px;
}
.comments-list input[type=text] {
	width: 230px;
	padding: 0 10px;
	height: 24px;
}
.comments-list input[type=submit] {
	float: left;
	margin: 0;
	width: 70px;
	margin-left: 10px;
}
.comment-entry {
	float: left;
	border-bottom: 1px dotted #DDD;
	padding: 20px 0 0;
	width: 345px;
}
.comment-entry:last-child {
	border-bottom: 0;
}
.home-center .portlet .list .post .comment-entry img {
	width: 35px;
}
.home-center .portlet .list .post .comment-entry .details {
	padding-left: 45px;
}
.paging {
	padding-top: 20px;
	float: left;
	width: 100%;
}
.paging a, .view-calendar {
	color: #3089c2;
	font-size: 13px;
}
.paging a:hover, .paging a.current, .view-calendar:hover {
	text-decoration: underline;
}
.paging a.view, .view-calendar {
	float: left;
	padding-right: 15px;
	background: url(../images/arrows.png) no-repeat center right;
}
.view-calendar {
	margin-top: 10px;
}
.paging .numbers {
	float: right;
}
.paging .numbers a {
	margin: 0 3px;
}
.news li, .announce li, .news-items li {
	padding: 17px 15px;
	border-top: 1px dotted #DDD;
	color: #868686;
}
.news li:first-child, .announce li:first-child, .news-items li:first-child {
	border-top: 0;
}
.news-items li {
	margin: 0;
	border-top: 1px dotted #DDD;
	border-bottom: 0;
}
.news-items li:first-child {
	border-top: 0;
}
.news li figure {
	float: left;
	border: 1px solid #dfdfdf;
}
.news li figure img {
	display: block;
	width: 110px;
}
.news-details {
	padding-left: 125px;
}
.news-details a, .announce li a {
	display: block;
	padding-bottom: 5px;
	color: #3089c2;
}
.news-details a:hover, .announce li a:hover {
	text-decoration: underline;
}
.topics li {
	border-bottom: 1px solid #DDD;
	padding: 20px 0;
}
.topics li:first-child {
	padding-top: 0;
}
.topics li {
	color: #585858;
}
.topics li img {
	float: left;
}
.topics li a {
	color: #333;
	font-size: 16px;
	display: block;
}
.topics li .details {
	padding-left: 61px;
}
.topics li p {
	margin-top: 5px;
}
.links a {
	display: block;
	padding: 10px 0;
	border-top: 1px dotted #e5e5e5;
	color: #3089c2;
}
.links a:hover {
	text-decoration: underline;
}
.links a:first-child {
	border-top: 0;
	padding-top: 0;
}
.wiki-search input[type=text] {
	width: 166px;
	height: 24px;
}
.profile-area {
	margin-left: 20px;
}
.profile-area li, .form-list li {
	border-top: 1px dotted #EEE;
	padding: 12px 0;
}
div.value {
	float: left;
	margin-top: 5px;
}
div.value a {
	color: #3089c2;
}
div.value a:hover {
	text-decoration: underline;
}
.profile-area li:first-child, .form-list li:first-child {
	border: 0;
}
.profile-area li label {
	float: left;
	color: #333;
	font-size: 12px;
	width: 185px;
	margin-top: 5px;
}
.name {
	position: relative;
	float: left;
	margin-left: 20px;
	border: 1px solid #CCC;
	width: 115px;
}
label + .name {
	margin-left: 0px;
}
.profile-area li .name input[type=text] {
	padding: 0;
	margin: 0;
	height: 23px;
	border: 0;
	width: 100%;
}
.name span {
	position: absolute;
	right: -12px;
	bottom: -10px;
}
.profile-area li select, .profile-area li input[type=text] {
	float: left;
	border: 1px solid #CCC;
	padding: 2px;
	height: 23px;
	font-size: 12px;
	color: #333;
}
.profile-area li input[type=text] {
	padding: 0;
}
.profile-area li a {
	color: #3089c2;
}
.profile-area li a:hover {
	text-decoration: underline;
}
.large {
	width: 340px;
}
.medium {
	width: 240px;
}
.small {
	width: 140px;
}
select.small {
	width: 145px;
}
select[disabled=disabled] {
	background: #e5e5e5
}
.button {
	border-top: 1px solid #dadada;
	margin-top: 20px;
	padding-top: 10px;
}
.button input, .button a, a.back {
	background: #a60f15;
	border: 0;
	padding: 10px;
	color: #FFF;
	float: right;
	margin-right: 10px;
	cursor: pointer;
}
.button a {
	padding: 11px 10px;
}
.button input:hover, .button a:hover, a.back:hover {
	background: #333;
}
a.back {
	margin-top: 20px;
	float: left;
}
.contact-info label {
	width: 70px;
}
.form-details {
	float: left;
}
.form-details label {
	width: auto !important;
	margin-right: 20px;
	margin-top: 3px;
}
.form-details input[type="text"] {
	margin-bottom: 20px;
}
.form-details .button {
	border: 0;
	overflow: hidden;
}
.form-details .button input {
	float: left;
}
.contact-info table {
	margin-top: 40px;
	float: left;
}
.data-table {
	font-size: 13px;
	width: 100%;
}
.data-table th {
	text-align: left;
	border-top: 5px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 15px 10px;
	color: #343434;
	font-weight: bold;
}
.stuff-table {
	border-top: 5px solid #e1e1e1;
}
.data-table td {
	border-bottom: 1px solid #e1e1e1;
	padding: 10px 10px;
	vertical-align: top;
	color: #474747;
	vertical-align: top;
}
.data-table td input[type=checkbox] {
	margin: 0;
}
.data-table a {
	color: #3089c2;
}
.data-table a:hover {
	text-decoration: underline;
}
.privacy {
	padding-left: 20px;
}
.privacy .label {
	float: left;
	width: 300px;
}
.privacy-options {
	padding: 0px 5px;
	float: left;
	height: 23px;
	line-height: 23px;
	background: rgb(254,254,254); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(230,230,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(230,230,230,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(230,230,230,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */
	border: 1px solid #cdced0;
	position: relative;
	min-width: 78px;
}
.privacy-arrow {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	float: right;
	border-top: 5px solid #5a5a5a;
	margin-top: 9px;
	margin-left: 20px;
}
.privacy-arrow.opened {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 0;
	border-bottom: 5px solid #5a5a5a;
}
.privacy-options ul {
	position: absolute;
	border: 1px solid #CCC;
	top: 23px;
	background: #FFF;
	left: 0px;
	display: none;
	z-index: 99;
}
.privacy-options ul li {
	padding: 0 10px;
	min-width: 65px;
}
.privacy-options ul li:hover {
	background: #f2f2f2;
}
.group label {
	width: 100px;
}
.add-group a {
	float: right;
}
.gray-box {
	background: #f6f6f6;
	padding: 20px;
	margin-top: 30px;
}
.group .gray-box {
	display: none;
}
.group .gray-box a {
	float: right;
	color: #3089c2;
	font-size: 14px;
}
.addStudent {
	float: left;
	width: 100%;
	display: none;
}
fieldset {
	border: 1px solid #dadada;
	display: block;
	padding: 20px;
	margin-top: 30px;
}
fieldset legend {
	padding: 0 15px;
}
fieldset li {
	padding: 10px 0;
}
.gray-box .button {
	margin-top: 20px;
	float: left;
	border: 0;
	width: 100%;
}
.gray-box .button input {
	float: left;
}
.data-table.groups {
	margin-top: 30px;
}
.data-table.groups a {
	padding-left: 20px;
	color: #3089c2;
}
.data-table.groups a.edit {
	background: url(../images/table-options.png) no-repeat left top;
}
.data-table.groups a.remove {
	background: url(../images/table-options.png) no-repeat 1px -19px;
}
.group-name {
	border-top: 1px solid #CCC;
	margin-top: 30px;
	padding: 20px 0;
}
.group-name div, .mixed-colors div {
	float: left;
	color: #a60f15;
}
.group-name div span, .mixed-colors div span {
	color: #333;
}
.group-name a {
	float: right;
	color: #3089c2;
}
.research label {
	width: 130px;
}
.alumni-title div {
	margin-right: 40px;
	float: left;
}
.users-table td {
	width: 32%;
	padding: 20px 1%;
	border-bottom: 1px solid #ededed;
}
.users-table td img {
	width: 63px;
	float: left;
	border: 1px solid #e7e7e7;
}
.users-table td .details {
	padding-left: 70px;
	color: #474747;
}
.users-table td .details div {
	padding: 2px 0;
}
.academic label {
	width: 199px;
}
.academic {
	margin-bottom: 30px;
}
.academic .form-details label {
	margin-right: 0;
}
.library-list li {
	padding: 15px 20px 15px 0;
	border-bottom: 1px solid #e1e1e1;
	background: url(../images/library-arrow.png) no-repeat right 10px center;
}
.library-list li a {
	color: #3398be;
}
.library-list li a:hover {
	color: #353535;
}
.gallery-list {
	background: #f6f6f6;
	padding: 20px;
	border: 1px solid #f2f2f2;
}
.gallery-list li {
	border-top: dotted #DDD 1px;
	padding: 20px 0;
}
.gallery-list li:first-child {
	padding-top: 0;
	border-top: 0;
}
.gallery-list li img {
	float: left;
	border: 1px solid #d1d1d1;
}
.gallery-list li .details {
	padding-left: 120px;
	color: #333;
}
.gallery-list li .details a {
	margin-top: 5px;
	color: #3089c2;
	display: inline-block;
	margin-right: 10px;
}
.gallery-list li .details a:hover {
	text-decoration: underline;
}
.gallery-list li .details .date {
	color: #8a8a8a;
	display: block;
	margin-top: 5px;
}
.gallery-form label {
	width: 90px;
}
.gallery-list .user img {
	float: left;
	width: 48px;
	height: 48px;
	border: 1px solid #dfdfdf;
}
.gallery-list .user {
	padding-bottom: 20px;
	border-bottom: 1px solid #DDD;
	margin-bottom: 20px;
}
.gallery-list .user .details {
	padding-left: 60px;
}
.gallery-list .user .details strong {
	display: block;
	padding-bottom: 2px;
}
.gallery-list .user .details strong a {
	color: #666;
}
.group + .gallery-list {
	margin-top: 30px;
}
.form-list.club-form label {
	width: 80px;
}
.form-list.club-form img {
	border: 1px solid #DDD;
	width: 95px;
}
#manageCal {
	float: right;
	color: #3089c2;
	margin-right: 15px;
}
.calendar-advanced {
	background: #f6f6f6;
	float: left;
	width: 100%;
	margin-top: 20px;
	display: none;
}
.calendar-advanced .details {
	padding: 30px 20px;
}
.calendar-advanced label {
	width: 95px;
}
.calendar-advanced li .days {
	float: left;
	width: 475px;
}
.chart-wrap {
	position: relative;
	margin-bottom: 60px;
}
.chart-wrap .mask {
	position: absolute;
	background: #FFF;
	bottom: 0;
	width: 100px;
	height: 20px;
	right: 0;
}
.academic-option label {
	width: 125px;
}
.add-complain label {
	width: 100px;
}
.add-complain input[type=radio] {
	margin-top: 5px;
}
.eval-box strong {
	border-bottom: 1px solid #CCC;
	display: block;
	padding-bottom: 30px;
	margin-bottom: 30px;
	float: left;
	width: 100%;
}
.votes {
	float: left;
	width: 100%;
}
.question {
	padding-bottom: 15px;
	float: left;
	width: 100%;
}
.eval-box label {
	width: 115px;
	margin: 0;
}
.eval-box input[type=radio] {
	margin-top: 0;
}
.eval-box textarea {
	margin-top: 15px;
}
.eval-box select {
	margin-bottom: 20px;
}
/*mailing*/
.mail-actions {
}
.new-message {
	background: url(../images/messaging.png) no-repeat 0 0;
	padding-left: 26px;
	height: 20px;
	float: left;
	font-size: 19px;
	color: #a60f15;
	line-height: 17px;
	margin-right: 10px;
	margin-left: 21px;
}
a.switch {
	float: left;
	margin-left: 20px;
	color: #585858;
	font-size: 11px;
	margin-top: 5px;
	letter-spacing: .5px;
}
a.switch:hover {
	color: #a60f15;
}
.mail-search {
	float: right;
	position: relative;
}
.mail-search input[type=text] {
	border: 1px solid #efefef;
	width: 265px;
	height: 28px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	font-size: 12px;
}
.mail-search input[type=submit] {
	position: absolute;
	width: 15px;
	height: 15px;
	background: url(../images/messaging.png) no-repeat -3px -30px;
	right: 8px;
	top: 8px;
	border: 0;
	color: #333;
}
.messaging-body {
	border-left: 1px solid #e5e3e3;
	margin-top: 25px;
	padding-bottom: 35px;
}
.next-message, .prev-message {
	width: 5px;
	height: 9px;
	position: absolute;
	right: 25px;
	top: 22px;
	background: url(../images/messaging.png) no-repeat 0px -60px;
}
.prev-message {
	right: 45px;
	background-position: 0px -81px;
}
.messages li {
	border-bottom: 1px solid #e5e3e3;
	cursor: pointer;
	padding: 14px 22px;
	color: #474747;
	background: #f2f2f2;
 *display: inline;
}
.messages li.read {
	background: #F9F9F9;
}
.messages li .sender {
	float: left;
	font-size: 13px;
	width: 70%;
	color: #474747;
}
.messages li .sender div:first-child {
	color: #000;
}
.messages li .subject {
	font-size: 12px;
	margin-top: 3px;
}
.messages li .message-details {
	float: right;
}
.delete-message {
	width: 8px;
	height: 10px;
	float: right;
	background: url(../images/messaging.png) no-repeat 0 -135px;
}
.delete-message:hover {
	background-position: 0px -151px;
}
.attachment-icon {
	width: 9px;
	height: 13px;
	background: url(../images/messaging.png) no-repeat 0 -108px;
	float: right;
	margin-right: 12px;
}
.timing {
	float: right;
	width: 100%;
	margin-top: 5px;
}
.timing span {
	float: right;
	margin-left: 12px;
}
.message-subject {
	border-bottom: 1px solid #eaeaea;
	padding: 10px 0;
}
.message-subject label {
	float: left;
	margin-right: 15px;
	color: #343434;
	font-weight: bold;
}
.message-subject label a {
	color: #343434;
}
.message-subject input[type=text] {
	float: left;
	width: 80%;
	border: 0;
}
.send {
	width: 64px;
	height: 29px;
	border: 0;
	background: #a60f15;
	color: #FFF;
	font-size: 13px;
	cursor: pointer;
}
.send:hover {
	background: #333;
}
.editor, .read-message, .profile-area {
	margin-left: 20px;
}
.editor textarea {
	float: left;
	width: 100%;
	border: 0;
	margin: 20px 0;
	height: 200px;
}
.read-message p {
	line-height: 1.4em;
	padding-bottom: 25px;
	color: #333;
}
.read-message p a {
	color: #3089c2;
}
.read-message p a:hover {
	text-decoration: underline;
}
.mail-details {
	padding-top: 15px;
	padding-bottom: 50px;
}
.mail-details .details {
	float: left;
	width: 50%;
}
.mail-details .details .image {
	background: #f5f5f5;
	width: 30px;
	height: 30px;
	border: 1px solid #e5e5e5;
	float: left;
}
.mail-details .details .date {
	padding-left: 40px;
}
.mail-details .details .date .timing {
	float: left;
	width: auto;
	font-size: 12px;
}
.file-wrap {
	float: left;
	width: 100%;
}
.mail-details .details .date .timing span {
	float: left;
	margin-left: 0;
	margin-right: 12px;
}
.mail-details .details .date .file {
	background: url(../images/messaging.png) no-repeat 0 -108px;
	padding-left: 15px;
	color: #3089c2;
	float: left;
	margin-top: 6px;
	line-height: 13px;
	margin-right: 15px;
}
.mail-details .details .date .file:hover {
	text-decoration: underline;
}
.mail-options {
	float: right;
}
.mail-options a {
	float: right;
	float: right;
	padding-left: 22px;
	margin-right: 20px;
	font-size: 12px;
	color: #474747;
	background: url(../images/messaging.png) no-repeat;
}
.mail-options a:hover {
	text-decoration: underline;
	color: #333;
}
.mail-options a.delete-mail {
	background-position: 9px -133px;
}
.mail-options a.reply {
	background-position: 0px -184px;
}
.mail-options a.inbox {
	background-position: 0px -167px;
}
.myStuff {
	padding-bottom: 20px;
}
.myStuff label {
	width: 120px;
}
.report {
	padding-top: 40px;
	display: none;
}
.report-title, .vote-title {
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-weight: bold;
}
.vote-title {
	margin-top: 40px;
}
.stuff-group-list {
	width: 259px;
	float: left;
}
.stuff-posts {
	width: 460px;
	float: left;
	margin-left: 18px;
}
.frame {
	position: relative;
	border: 1px solid #dadada;
	padding: 10px;
}
.frame .title {
	position: absolute;
	background: #FFF;
	padding: 0 15px;
	top: -8px;
	left: 10px;
}
.stuff-group-list h4 {
	color: #a60f15;
	text-align: center;
	margin: 10px 0;
}
.stuff-group-list h5 {
	margin: 10px 0;
	padding-left: 15px;
}
.group-container {
	border: 1px solid #dadada;
	padding: 10px 5px;
}
.group-container li {
	position: relative;
	border-bottom: 1px #eee solid;
	padding: 0px 10px;
	color: #2e2e2e;
	font-size: 12px;
	background: rgb(242,242,242);
	background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(217,217,217,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242,242,242,1)), color-stop(100%, rgba(217,217,217,1)));
	background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(217,217,217,1) 100%);
	background: -o-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(217,217,217,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(217,217,217,1) 100%);
	background: linear-gradient(to bottom, rgba(242,242,242,1) 0%, rgba(217,217,217,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d9d9d9', GradientType=0 );
	margin-top: 2px;
	padding: 10px;
}
.status {
	width: 8px;
	height: 8px;
	background: #8f8f8f;
	border-radius: 5px;
	position: absolute;
}
.status.online {
	background: #589600;
}
.stuff-group-list .group-container li .status {
	top: 14px;
	right: 10px;
}
.stuff-group-list .group-container li .code {
	padding-right: 10px;
	float: left;
}
.stuff-group-list .group-container li .item-name {
	width: 110px;
	float: left;
	padding-left: 10px;
	border-left: 1px solid #b8b8b8;
}
.stuff-posts .home-center {
	margin-left: 0px;
}
.stuff-posts .attach-option-arrow, .stuff-posts .attach-option-arrow-top {
	right: 23px;
}
.news-items li {
	padding: 15px 0;
}
.news-items li:first-child {
	padding-top: 0;
}
.news-items li a, .news-details-title {
	color: #343434;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}
.news-items li a:hover {
	color: #a60f15;
}
.news-items li p {
	color: #535353;
	line-height: 1.4em;
	padding-bottom: 20px;
}
.news-items li img {
	float: left;
	border: 1px solid #e7e7e7;
}
.news-items li .details {
	padding-left: 150px;
}
.news-details-list img {
}
.news-items.news-details-list li .details {
	padding-left: 220px;
}
.result label {
	width: 120px;
	margin-right: 0;
}
.result input[type=radio] {
	margin-top: 0;
}
.timeline .home-center {
	width: auto;
	margin-left: 0;
}
.timeline .comments-list input[type=submit] {
	height: 27px;
}
.timeline .comment-entry {
	width: 100% !important;
	display: block;
}
.timeline .columnWide, .timeline .comments {
	width: 690px;
}
.timeline .home-center .portlet .list .post .details {
	overflow: hidden;
	padding-left: 10px;
}
.timeline .addStudent {
	display: block;
}
.timeline .group .gray-box {
	margin-top: 0;
	margin-bottom: 20px;
}
.timeline .gray-box .button {
	margin-top: 0;
}
.timeline fieldset {
	margin-top: 0;
	margin-bottom: 30px;
}
.votes label {
	display: inline-block;
	margin-top: 0;
}
.votes input[type=radio] {
	margin-top: 0;
}
.votes .button {
	border: 0;
}
.votes .button input[type=submit], .votes .button input[type=reset] {
	float: left;
	margin-bottom: 40px;
}
.survey-result li {
	padding: 20px 0;
	border-top: 1px solid #CCC;
	padding: 20px;
}
.survey-result li:first-child {
	border-top: 0;
}
.tags {
	margin-top: 10px;
	padding: 15px 0;
}
.survey-result li.clicked .tags {
	border-bottom: 1px solid #CCC;
}
.tags span {
	background: #a60f15;
	padding: 3px 10px;
	color: #FFF;
	border-radius: 10px;
	margin-right: 10px;
	float: left;
}
.tags .counter.current span {
	background: #333;
	position: relative;
}
.tags .counter {
	margin-right: 40px;
	float: left;
	width: 100%;
	cursor: pointer;
	position: relative;
	margin-bottom: 10px;
}
.survey-result .users {
	display: none;
	position: relative;
	left: 0;
	top: 10px;
	margin-bottom: 15px;
	float: left;
	width: 100%;
}
.survey-result li.clicked {
}
.overlay {
	position: fixed;
	background: #000;
	opacity: .7;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: none;
	left: 0;
	top: 0;
}
.ie8 .overlay {
	background: transparent url(../images/ie8-overlay.png) repeat;
}
.popup, .profile-popup {
	background: url(../images/popup-bg.png) repeat-x;
	border-radius: 5px;
	position: fixed;
	z-index: 200;
	width: 470px;
	top: 94px;
	display: none;
}
.profile-popup {
	width: 590px;
}
.popup-content {
	margin: 20px;
	overflow: auto;
	max-height: 435px;
	margin-right: 5px;
}
.popup-close {
	width: 24px;
	height: 24px;
	position: absolute;
	right: -12px;
	background: #B30000;
	top: -12px;
	border-radius: 15px;
	border: 1px solid #FFF;
	text-align: center;
	line-height: 22px;
	color: #FFF;
	font-size: 14px;
}
.body-fix {
	overflow-y: hidden !important;
}
.popup-content h3 {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #c8c8c8;
	width: 97%;
}
.popup-content div.area {
	width: 97%;
}
.popup-content a {
	color: #3089c2;
	padding-left: 20px;
}
.profile-data a:hover {
	text-decoration: underline;
}
.tree li {
	margin: 5px 0;
}
.tree li a {
	display: block;
}
.tree li ul {
	padding-left: 20px;
	display: none;
}
.tree li.with-sub {
	background: url(../images/pop-colsed.png) no-repeat left top;
}
.tree li.with-sub.open {
	background: url(../images/pop-opened.png) no-repeat left top;
}
.popup-content .profile-define {
	float: left;
	width: 110px;
	margin-top: 10px;
}
.popup-content .profile-define img {
	width: 107px;
	border: 1px solid #e3e3e3;
}
.popup-content .profile-define .group-container {
	padding: 5px;
	margin-top: 20px;
}
.popup-content .profile-define .group-container li {
	margin-top: 0px;
}
.popup-content .profile-define .group-container li .status {
	top: 13px;
	right: 10px;
}
.popup-content .profile-data {
	width: 395px;
	float: left;
	margin-left: 20px;
}
.popup-content .profile-data li, .add-subject-popup li {
	padding: 15px 0;
	font-size: 13px;
	border-top: 1px solid #ebebeb;
}
.popup-content .profile-data li:first-child, .add-subject-popup li:first-child {
	border-top: 0;
}
.popup-content .profile-data li span, .add-subject-popup li span {
	float: left;
	width: 90px;
	color: #6d6d6d;
}
.add-subject-popup li span {
	width: 180px;
}
.popup-content .profile-data li a {
	padding: 0;
}
.popup-content .profile-data .form {
	margin-top: 20px;
}
.popup-content .profile-data .form input[type=text] {
	width: 304px;
	margin-right: 17px;
}
.popup-content .profile-data .form input[type=submit] {
	margin: 0;
	float: left;
}
.popup-content .buttons {
	border-top: 1px solid #c2c2c2;
	margin-top: 35px;
	padding: 15px 0;
	float: left;
	width: 100%;
}
.popup-content .buttons a {
	width: 45px;
	height: 25px;
	line-height: 25px;
	color: #FFF;
	float: left;
	padding: 0 10px;
	margin-right: 2px;
}
.popup-content .buttons a.first {
	text-align: right;
	background: #a60f15 url('../images/popup-btns.png') no-repeat 7px 0px;
}
.popup-content .buttons a.prev {
	text-align: right;
	background: #a60f15 url('../images/popup-btns.png') no-repeat 7px -26px;
}
.popup-content .buttons a.next {
	background: #a60f15 url('../images/popup-btns.png') no-repeat 46px -49px;
}
.popup-content .buttons a.last {
	background: #a60f15 url('../images/popup-btns.png') no-repeat 46px -75px;
}
.popup-content .buttons a:hover {
	background-color: #333;
}
.profile-tabs .tab-content, .tab-content {
	padding: 20px 0;
}
.closeAll {
	float: right;
}
/*
	switch
*/
.switch span {
	width: 61px;
	height: 23px;
	display: block;
	position: relative;
	border-radius: 15px;
	float: left;
	overflow: hidden;
	border: 1px solid #cdced0;
	background: rgb(230,230,230); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(100%, rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#fefefe', GradientType=0 ); /* IE6-9 */
}
.switch span a {
	color: #505050;
	text-decoration: none;
	line-height: 18px;
}
.switch span a.circle {
	width: 19px;
	height: 19px;
	background: #bdbdbd;
	position: absolute;
	top: 2px;
	border-radius: 15px;
	right: 2px;
}
.switch span.checked {
}
.switch span.checked a.circle {
	right: 40px;
	background: #b11117;
}
.on {
	display: none;
}
.checked .on {
	display: block;
	position: absolute;
	right: 7px;
	top: 3px;
	margin-right: 4px;
}
.off {
	display: block;
	position: absolute;
	left: 7px;
	top: 3px;
	margin-left: 6px;
}
.checked .off {
	display: none;
}
.switch input[type=checkbox] {
	visibility: hidden;
}
.switch label {
	width: 300px;
}
.stuff-attachments {
	float: left;
	margin-bottom: 30px;
	width: 100%;
	text-align: right;
	color: #3089c2;
}
.stuff-attach-panel {
	margin-bottom: 30px;
	display: none;
}
.stuff-attach-panel li {
	border-bottom: 1px dotted #CCC;
	margin: 0 10px;
	padding: 20px 0;
	position: relative;
}
.stuff-attach-panel li .icon {
	background: url('../images/download.png') no-repeat 0 0;
	width: 37px;
	height: 53px;
	float: left;
}
.stuff-attach-panel li .details {
	padding-left: 55px;
	width: 70%;
	color: #666;
}
.stuff-attach-panel li .details strong {
	margin-bottom: 5px;
	display: block;
}
.download-attach {
	position: absolute;
	right: 0;
	top: 40px;
	color: #3089c2;
}
.early label {
	width: 165px;
}
.early .form-details label {
	margin: 0;
}
.allowed-hours {
	margin: 40px 0;
	overflow: hidden;
}
.allowed-hours .label, .subject-search label {
	width: 120px;
	float: left;
	color: #6e6e6e;
	margin-left: 50px;
}
.allowed-hours .label:first-child, .subject-search label:first-child {
	margin-left: 0px;
}
.allowed-hours .value {
	margin: 0;
	margin-left: 30px;
}
.filter {
	margin-top: 15px;
}
.filter li {
	float: left;
	margin-right: 1px;
}
.filter li a {
	padding: 0 14px;
	height: 26px;
	padding-top: 14px;
	color: #FFF;
	float: left;
	position: relative;
	top: -6px;
	z-index: 1;
}
.filter li .arrow-down {
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	position: relative;
	border-top: 6px solid #FFF;
	z-index: 10;
	margin: 0 auto;
	visibility: hidden;
}
.filter li:hover .arrow-down {
	visibility: visible;
}
.filter li a.success {
	background: #669f1c;
}
.filter li a.fail {
	background: #a60f15;
}
.filter li a.not-registered {
	background: #333;
}
.filter li a.incomplete {
	background: #981438;
}
.filter li a.not-studied {
	background: #217bad;
	padding-top: 9px;
	padding-bottom: 5px;
	line-height: 12px;
}
.filter li a.transferred {
	background: #9c9c9c;
	padding-top: 9px;
	padding-bottom: 5px;
	line-height: 12px;
}
.filter li a.not-posted {
	background: #979f1c;
}
.filter li a.all {
	background: #f68d1f;
	padding: 0 20px;
	padding-top: 14px;
	padding-right: 21px;
}
.filter-table {
	border: 1px solid #cfcfcf;
	border-collapse: separate;
}
.filter-table th {
	background: #e5e5e5;
	padding: 10px;
	text-align: left;
	border-left: 1px solid #FFF;
	color: #4e4e4e;
}
.filter-table th a {
	color: #4e4e4e;
}
.filter-table th:first-child {
	border-left: 0;
}
.filter-table td {
	padding: 10px;
	border-bottom: 1px solid #f2f2f2;
}
.filter-table td a {
	color: #3089c2;
}
.filter-table tr.success td {
	color: #669f1c;
}
.filter-table tr.fail td {
	color: #a60f15;
}
.filter-table tr.not-registered td {
	color: #333;
}
.filter-table tr.incomplete td {
	color: #981438;
}
.filter-table tr.not-studied td {
	color: #217bad;
}
.filter-table tr.transferred td {
	color: #9c9c9c;
}
.filter-table tr.not-posted td {
	color: #979f1c;
}
.filter-table tr.all td {
	color: #f68d1f;
}
.my-payments {
	font: 13px Tahoma, Geneva, sans-serif;
	direction: rtl;
}
.my-payments .tabs li {
	float: right;
}
.my-payments .tabs {
	padding-right: 15px;
}
.my-payments li span {
	float: right;
	width: 200px;
	color: #6e6e6e;
}
.my-payments li div {
	float: right;
	padding-left: 30px;
}
.my-payments .tab-content li a {
	float: right;
	color: #3089c2;
}
.my-payments .tab-content li a:hover {
	text-decoration: underline;
}
.payment-final {
	border-top: #dadada 1px solid;
	margin-top: 20px;
	padding-top: 20px;
}
.payment-final .amount, .payment-final input[type=submit] {
	height: 36px;
	line-height: 36px;
	background: #888888;
	padding: 0 20px;
	color: #FFF;
	float: right;
	margin-left: 20px;
}
.payment-final input[type=submit] {
	border: 0;
	background: #a60f15;
	font: 13px Tahoma, Geneva, sans-serif;
}
.search-student .label {
	float: left !important;
	width: 100px;
	margin-top: 5px;
}
.clearData {
	float: left !important;
	margin-top: 5px;
}
.select-box {
	float: left;
	width: 230px;
}
.select-box select {
	width: 230px;
	height: 150px;
	margin: 0;
}
.buttons-group {
	float: left;
	width: 100px;
	padding: 0 26px;
	margin-top: 60px;
}
.buttons-group input {
	width: 100%;
}
.vote-table {
	float: left;
	margin-bottom: 20px;
}
.vote-table td {
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
}
.scrollable {
	max-height: 519px;
	overflow: auto;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.added {
	float: left;
	padding: 20px 50px 0 0;
}
.printSubject {
	float: left;
	width: 100%;
}
.register-alert {
	float: left;
	width: 100%;
	margin-top: 20px;
	font-weight: bold;
	color: #a60f15;
}
.vote-alert {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	font-weight: bold;
	color: #a60f15;
}
.stuff-grouping {
	float: left;
	width: 260px;
}
.stuff-grouping a {
	width: 100%;
	float: left;
}
.marketplace img {
	float: left;
	border: 1px solid #e5e5e5;
}
.marketplace .details {
	padding-left: 215px;
	color: #666;
}
.marketplace h4 {
	font-weight: bold;
	padding-bottom: 15px;
}
.notifications {
	background: url('../images/notifications.png') no-repeat 0 0;
	width: 20px;
	height: 22px;
	float: right;
	margin-top: 9px;
	margin-left: 15px;
	position: relative;
}
.notifications.active {
	background: url('../images/notifications.png') no-repeat left bottom;
}
.counterNum {
	background: #a60f15;
	height: 14px;
	line-height: 14px;
	border-radius: 3px;
	color: #FFF;
	padding: 0 4px;
	position: absolute;
	left: 10px;
	top: -3px;
	font-size: 11px;
	display: none;
}
.notifications.active .counterNum {
	display: block;
}
.verify h4, .verify div {
	color: #a60f15;
	margin-bottom: 10px;
}
.verify div {
	margin-top: 10px;
}
.verify.ask input[type=submit] {
	float: left;
	margin-top: 2px;
	margin-right: 10px;
}
.verify.ask label {
	width: 80px;
	color: #6c6c6c;
}
.code-verify {
	width: 83px;
}
.verify.ask hr {
	height: 1px;
	border: 0;
	background: #e8e8e8;
	margin: 20px 0;
}
.eval-bar {
	background: #f5f5f5;
	font-size: 12px;
}
.eval-bar .label, .eval-bar .value {
	float: left;
	width: 85px;
}
.eval-bar .value {
	width: 570px;
}
.eval-bar .value a.active {
	color: #a60f15;
}
.eval-title {
	margin-top: 10px;
	margin-bottom: 30px;
	display: block;
	float: left;
	width: 100%;
	font-size: 14px;
}
.eval-options .sbHolder, .eval-options .sbOptions {
	width: 350px;
}
.eval-options .sbSelector {
	width: 315px;
}
.eval-question {
	padding: 10px 0;
	background: #ffffff;
	float: left;
	width: 100%;
	border: 1px solid #e0e0e0;
	margin: 15px 0 30px;
	border-radius: 4px;
	background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0 );
}
.eval-question span {
	padding: 0 20px;
	float: left;
}
.custom-radios {
	float: left;
	width: 320px;
}
.custom-radios label {
	float: left;
	width: 90%;
	background: url(../images/custom-radio.png) no-repeat left top;
	padding-left: 26px;
	height: 19px;
	color: #333;
}
.custom-radios label.checked {
	background: url(../images/custom-radio.png) no-repeat left -30px;
}
.custom-radios label.checked.rDisabled, .custom-radios label.rDisabled {
	opacity: .5;
}
.custom-radios input {
	visibility: hidden;
	height: 6px;
}
input[type="text"].eval-comment {
	width: 310px;
	border: 1px solid #BBB;
	border-radius: 4px;
	padding: 3px 15px;
	height: 21px;
}
.eval-buttons {
	width: 100%;
	float: left;
}
.eval-buttons input {
	float: left;
}
.custom-radios tr:first-child td input[type="radio"] {
	height: 0;
}

.eLibraries{background: linear-gradient(to bottom, rgba(195,21,28,1) 0%, rgba(166,15,21,1) 100%);border-radius:5px !important;}
.eLibraries a{margin:0 5px; color:#fff}
.eLibraries a.active{color:#dd9d9f;font-weight:bold}

.eLibrariesBlock{width:94%;float:left;background:#f1f1f1;padding:5px 3% 3%;margin:0 0 20px}
.eLibrariesBlock h4{font-size:16px;width:100%;float:left;padding:0 0 5px;margin:0 0 12px;border-bottom:1px solid #ddd}
.eLibrariesBlock h4 span{width:80%;float:left;padding:15px 0}
.eLibrariesBlock h4 img{border:0;width:auto;height:56px;float:right}
.eLibrariesBlock a{color:#3089c2}
.eLibrariesBlock a:hover{text-decoration:underline}
.eLibrariesBlock .details{padding-left:140px;line-height:16px;}
.eLibrariesBlock img{float:left;border:1px solid#ddd;width:120px}


/*-- Start Cahnge Icon for radio and checkbox --*/
.newComplain .checkbox label, .newComplain .radio label{padding-left:0}
.newComplain input[type="checkbox"], .newComplain input[type="radio"]{display:none;margin:0}
.newComplain input[type="checkbox"] + label, .newComplain input[type="radio"] + label{margin:0 6px 10px;cursor:pointer;line-height:21px;padding:0 0 0 30px;min-height:21px;display:block;font-size:13px;color:#333}

.newComplain input[type="checkbox"] + label{background:url(../images/check_sheet.png) left top no-repeat}
.newComplain input[type="radio"] + label{background:url(../images/radio_sheet.png) left top no-repeat}
.newComplain input[type="checkbox"]:checked + label{background:url(../images/check_sheet.png) left -600px no-repeat}
.newComplain input[type="radio"]:checked + label{background:url(../images/radio_sheet.png) left -600px no-repeat}
/*-- End Cahnge Icon for radio and checkbox --*/

.newComplainCategory{width:85%;float:left}

.newComplain .accordion{background-color:#d5d5d5; color:#444; cursor:pointer; padding:0; width:100%; float:left; text-align:left; border:none; outline:none; transition:0.4s; box-sizing:border-box;margin:2px 0;line-height:46px;font-size:16px}
.newComplain .accordion i{float:left; width:60px; padding:8px 0; text-align:center; line-height:0;background:#c5c5c5;margin:0 10px 0 0; transition:0.4s;}
.newComplain .active i, .newComplain .accordion:hover i{background:#82070c}
.newComplain .active, .newComplain .accordion:hover{background-color:#a80f16;color:#fff!important}
.newComplain .active span, .newComplain .accordion:hover span{color:#fff!important}
.newComplain button.accordion span{font-size:16px; color:#777; float:right; margin:0 15px;line-height:46px}
.newComplain .active span{display:none}

/* Style the accordion panel. Note: hidden by default */
.newComplainCategory .panel{width:100%; float:left; padding:0 12px; background-color:#eee; max-height:0;overflow: hidden;transition: max-height 0.2s ease-out; box-sizing:border-box}
.newComplainCategory .panel a{width:100%; float:left;padding:10px; color:#444; box-sizing:border-box;font-size:14px}
.newComplainCategory .panel a:first-child{margin:12px 0 0}
.newComplainCategory .panel a:last-child{margin:0 0 12px}
.newComplainCategory .panel a:hover{background:#ddd}

.newComplain>table{width:100%;float:left;margin:40px 0 0}

.newComplainDetails{width:100%;float:left;background:#e5e5e5; box-sizing:border-box;margin:0 0 20px}
.newComplainDetails>div{width:100%;float:left;padding:20px; box-sizing:border-box}
.newComplainDetails>div:first-child{background:#a80f16;color:#fff}
.newComplainDetails>div>table{width:100%;float:left}
.newComplainDetails>div>table th{padding:0 0 6px 0;font-weight:bold}
.newComplainDetails>div p, .newComplainReplies>div p{line-height:18px;margin:0 0 10px}
.newComplainDetails>div a, .newComplainReplies>div a{width:100%;float:left;margin:2px 0;color:#3089c2}

.newComplainReplies{width:100%;float:left;border:1px solid #ccc; box-sizing:border-box;margin:0 0 20px}
.newComplainReplies h1{width:100%;float:left;background:#ccc;margin:0;padding:15px; box-sizing:border-box;font-size:14px;font-weight:bold}
.newComplainReplies>div{width:100%;float:left;box-sizing:border-box;padding:20px;border-bottom:1px solid #ddd;line-height:18px}
.newComplainReplies>div>span{width:100%;float:left;margin:0 0 8px 0}
.newComplainReplies>div:last-child{border-bottom:0px}
.newComplainReplies textarea{width:99%;resize: none;height:60px}
.newComplainReplies .form-list li{margin:0 0 15px;padding:0}
.newComplainReplies .button{width:100%;float:left;margin:0;padding:0;border:0}
.newComplainReplies .button input{float:left}

.electionsHomePage, .electionsInnerPage{width: 100%;float: right;padding:0;direction: rtl;}
.electionsHomePage ul li{width:30%;float: right;margin:1.5%;background: #CCC;	position: relative;	background: #e0e0e0 url(../images/home-box-center.png) repeat-x;border-left: 1px solid #DDD;border-right: 1px solid #DDD;}
.electionsHomePage ul .voted {background-image: none; background-color: #ddd;}
.electionsHomePage ul .voted img, .electionsHomePage ul .voted a p {opacity: 0.5;}

.electionsHomePage ul li a{position:relative; width:96%; float:left; padding:20px 2% 5px;text-align: center;color: #333;font-size: 15px;font-weight: bold;}
.electionsHomePage ul li a img{margin: 0 0 10px}
.electionsHomePage ul li a p{height:35px}

.committeeDescription{width: 100%;float: right;padding:0 93px 25px 0;margin: 0 0 25px;position:relative; border-bottom:1px solid #d9d9d9;box-sizing: border-box;}
.committeeDescription>div{width:85px;background: #fff;padding:15px 0;position: absolute;top: 0;right: 0;border:4px solid #d9d9d9;text-align: center;}
.committeeDescription h1{width:100%;float: right;background: #d9d9d9;padding:15px 10px;margin: 0;font-size: 15px;font-weight: bold;box-sizing: border-box;}
.committeeDescription p{width:100%;float: right;padding:15px 15px 0 0;box-sizing: border-box;font-size: 14px;}

.electionsVote{width: 100%;;float: right;box-sizing: border-box;direction: rtl;}

.electionsVote input[type=radio] {margin-top:5px;}
.electionsVote label {width: 100%;float: left;box-sizing: border-box;}
.electionsVote label>div{width:100%;float: right;border:1px solid #ddd;box-sizing: border-box;position: relative;padding: 0 100px 0 0;box-sizing: border-box;}
.electionsVote label>div .electionsIcon{width:100px;text-align: center;background: #fff;padding:20px 0;position: absolute;top: 0;right: 0;}
.electionsVote label>div .electionsIcon>img{max-width: 90px;margin: 0;border: 0;float: none;}
.electionsVote label>div>div{width:100%;float:right;background: #eee;padding:20px;box-sizing: border-box;}
.electionsVote label>div>div>img{border: 1px solid #ccc;float: right;margin: 0 0 10px 10px;}
.electionsVote label>div>div>h4{font-weight: bold;font-size: 14px}
.electionsVote label>div>div>p{line-height: 16px;}

input.buttonNotActive, input.buttonNotActive:hover{cursor:default;background: #ccc;color: #666;}

/* Progress bar CSS */
.progress *:not([data-progress]){margin: 5px 0;font-size: 14px;}
.progress {width: 100%;padding:10px 0 0;box-sizing: border-box; }
.progress [data-progress] {height:25px;border-radius:2px;margin:0;overflow: hidden;background: #cccccc;}
[data-progress]::after {content: "";display: flex;justify-content: flex-end;align-items: center;background-image: linear-gradient(#a1ed92, #86dd75 50%);width: 0;height: 100%;box-sizing: border-box;font-size: 14px;color: #3e6636;padding: 0 3px;transition: 2s;}
[data-progress].animate-progress::after {content: attr(data-progress) "%";width: var(--animate-progress);}
/* End Progress bar CSS */

/*-- Start Cahnge Icon for radio and checkbox --*/
.electionsVote .checkbox label, .electionsVote .radio label{padding-left:0}
.electionsVote input[type="checkbox"], .electionsVote input[type="radio"]{display:none;margin:0}
.electionsVote input[type="checkbox"] + label, .electionsVote input[type="radio"] + label{margin:0 0px 10px;cursor:pointer;line-height:21px;padding:0 30px 0 0;min-height:21px;display:block;font-size:13px;color:#333}

.electionsVote input[type="checkbox"] + label{background:url(../images/check_sheet.png) right top no-repeat}
.electionsVote input[type="radio"] + label{background:url(../images/radio_sheet.png) right top no-repeat}
.electionsVote input[type="checkbox"]:checked + label{background:url(../images/check_sheet.png) right -600px no-repeat}
.electionsVote input[type="radio"]:checked + label{background:url(../images/radio_sheet.png) right -600px no-repeat}
/*-- End Cahnge Icon for radio and checkbox --*/

.hSocialPaging{display:none}







@media (max-width: 1366px) {
	.home-center .portlet .list .post .details a, .home-center .portlet .list .post .details p{font-size: 14px;}
}


@media (max-width: 1199px) {

.container{width:100% !important}
.page-content{width:98%;padding:0 1%;margin:0}
.top-header{width:100%;padding:0;margin:0}
.colored-sections a.section{width:19% !important;padding-right:5%;margin:15px 0 15px 1%}
.content-area{width:96%;padding:20px 2% 30px}
.left-col{width:20%}
.home-center{width:48%;margin-left:2%}
.home-right{width:28%;margin-left:2%}
.left-col nav li.with-sub.open{background:url(../images/arrow-top.png) no-repeat right 22px}
.left-col nav li.with-sub{background:url(../images/arrow-down.png) no-repeat right 22px}
.ask textarea{width:96%;padding:1%}
.wiki-search input[type=text]{width: 93%;padding-left: 5%}
.marketplace-slider .slides img{width:100% !important;height:auto !important;border:0 !important}
.columnWide{width:100%}
.home-center .portlet .list .post{padding:15px 2% 0}
.comments{width:104%;margin:0 -2% 0}
.comments-list{width:85%;float:left;margin-left:13%;padding-right:2%}
.comment-entry{width:100%}
.column, .columnWide{width:100% !important}
.portlet-header{width:100%}
.portlet-content{width:100%}
.DynarchCalendar-topCont{width:100% !important}
.main-content{width:78%;margin-left:2%}
.profile-area li label, .contact-info label, .group label, .research label{width:20%}
.name{width:15%;margin-left:2%}
.large{width:40%}
.medium{width:30%}
.small{width:20%}
select, input[type="text"], textarea{margin-right:10px}
.switch label{width:50%}
.search-student .label, .addStudent label{width:20%}
.group .small{width:auto}
select.small{width:20% !important}
.select-box{width:28%;padding:20px 10px}
.select-box select{width:100% !important}
.buttons-group{width:20%;padding:0 10px}
.report img{width:100%}
.timeline .home-center{width:100%}
.timeline .columnWide, .timeline .comments{width:100%}
fieldset {padding:2%}
.ms-header{width:100% !important}
.group .gray-box .ms-header a{width:48% !important;padding-right:2% !important;border:0 !important}
.ms-container{width:100% !important}
.ms-container .ms-selectable, .ms-container .ms-selection{width:50% !important;border:0 !important}
.mlist {width:100% !important;border:0 !important}
.attach-option{width:96%;padding:12px 2%}
.academic label{width:20%}
.sbHolder{width:30% !important}
.sbOptions{width:100% !important}
.sbSelector{width:70%}
.sbToggle{width:30%}
.charts-images img{width:100%}
.users-table figure{width:30%}
.users-table td img{width:100%}
.users-table td .details{padding-left:35%}
.gallery-form label{width:20%}
.gallery-form .form-list li .medium{width:28%;margin-right:2%}
.marketplace img{width:30% !important;height:auto !important}
.marketplace .details{padding-left:35%}
.form-list.club-form label{width:20%}
.form-list.club-form .medium{width:65%;margin-bottom:10px}
.form-list{width:100%;float:left}
.add-complain label{width:18%}
.button{width:100%;float:left}
.add-complain{overflow:auto}
.add-complain label{width:15%}
.early label{width:20%}
.allowed-hours{width:100%;float:left}
.allowed-hours .label, .subject-search label{width:15%;margin-left:3%}
.allowed-hours .value{margin-left:3%}
.subject-search input{width:20%}
.subject-search .button-design{width:auto}
.filter{width:100%;float:left}
.eval-bar .label{width:20%}
.eval-bar .value{width:80%}
.custom-radios{width:50%}
input[type="text"].eval-comment{width:45%;padding:3px 1.5%;margin:0}
.eval-box label{margin-bottom:5px;width:25%}
.payment-final{width:100%;float:left}
.my-payments li span{width:30%}
.myStuff label{width:25%}
.stuff-group-list{width:33%}
.stuff-posts{width:65%;margin-left:2%}
.stuff-posts .home-center{width:100%}
.editor textarea{padding:0}
select{width:20% !important}
.stuff-grouping{width:auto !important}
.RadListBox{width:40% !important}
li.result label{width:40% !important}
.filter-table input{width:70% !important}
.filter-table input[type="submit"]{width:auto !important}
.upload-input{width:40%}
.upload-input input[type=file]{width:100%}
.RadGrid_Default table{table-layout:auto !important}
#ctl00_ContentPlaceHolder1_ApplicantCourses1_ddlCourses {width:auto !important}
.RadTimePicker input#ctl00_ContentPlaceHolder1_txtFromTime, .RadTimePicker input#ctl00_ContentPlaceHolder1_txtToTime{width:1px !important}
#ctl00_ContentPlaceHolder1_gvData{width:auto !important}
#ctl00_ContentPlaceHolder1_txtFromTime_wrapper, #ctl00_ContentPlaceHolder1_txtToTime_wrapper, #ctl00_ContentPlaceHolder1_ddlMeetingSchedule{width:auto !important}
.colored-sections a.section .details h3{font-size: 14px;}
.colored-sections a.section .details p {font-size: 13px;}
.home-center .portlet .list .post .details a, .home-center .portlet .list .post .details p{font-size: 14px;}


}



@media (max-width: 1024px) {


.top-header input[type=text]{width:110px}
.news-list{width:300px}

.tabs, .content-tabs{width:100%;padding:0}
.tabs li, .tabs li.active, .content-tabs li, .academic-tabs li.active{width:22%;text-align:center;margin:0;padding:10px 1%;border-top:1px solid #fff;border-right:1px solid #fff}

}


@media (max-width: 991px) {


.main-content{width:100%;margin-left:0}
.inner-left-col{display:none !important}

.stuff-group-list{width:100%}
.stuff-posts{width:100%;margin-left:0;margin-top:20px}
#ctl00_ContentPlaceHolder1_ucStudentResult_rblStudentResultType td{display:inline-block;width:100%}
#ctl00_ContentPlaceHolder1_dvMain td{display:inline-block;width:100%}


}

@media (max-width: 965px) {

.colored-sections a.section{width:41% !important;padding-right:7%;margin:10px 1% !important}
.comments-list input[type=text]{width:160px}
.electionsHomePage ul li{width:46%}

.eLibraries{float:left;width:96%;padding:10px 2%}
.eLibraries a{float:left;margin:3px 5px}
}


@media (max-width: 850px) {

.news-ticker-title{display:none}
.news-list{display:none}
.quote{display:none}
.search-student .label{width:16%}
.group select, .group input[type="text"], .group textarea{width:20%}
.add-group a{margin-top:15px}

.tabs li, .tabs li.active, .content-tabs li, .academic-tabs li.active{width:47%;text-align:center;margin:0;padding:10px 1%;border-top:1px solid #fff;border-right:1px solid #fff}

.eval-box label{width:50%}
.my-payments li div{width:70%;padding:0}
.mail-search{margin-top:20px}
.messaging-body{margin-top:15px}

.popup, .profile-popup{width:80% !important}

.main-content{overflow:auto}


}

@media (max-width: 740px) {

.page-content{width:100%;padding:0}
.top-header .page-content{width:98%;padding:0 1%}
.logo{margin:15px auto;float:none;width:192px}
.website-name{margin:15px auto;display:block;width:111px;}
.user-image{margin:15px auto;float:none;width:86px}
.change-password{margin:15px auto;float:none;width:86px}
.top-header + .page-content{text-align:center;margin-bottom:15px}
.colored-sections a.section{width:38% !important;padding-right:10%;margin:10px 1% !important}
.left-col{width:30%}
.home-center{width:68%}
.home-right{width:100%;margin:0}
.alumni-title div{margin-bottom:10px}
.mail-details .details{width:100%;margin-bottom:20px}
.hSocialPaging{display:block}


}

@media (max-width: 602px) {

.colored-sections a.section{width:83% !important;padding-right:15%;margin:10px 1% !important}
.left-col, .home-center{width:100%;margin-left:0}
.top-header .user-name{margin-right:10px;padding-left:10px}
.notifications{margin-left:10px}
.top-header input[type=text]{margin-left:0}
.new-message{margin-left:0}
.messaging-body{border:0}
.messaging-body h3{padding:15px 0}
.editor, .read-message, .profile-area{margin-left:0}
a.switch{margin-left:10px}
.messages li{padding:14px 12px}


}

@media (max-width: 479px) {

.top-header input[type=text]{width:85px}

}

@media (max-width: 360px) {



}