/* main layout*/
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  font-size: 13px;
  font-family: Arial,Helvetica,sans-serif;
  color: #333333;
  background: white url("../images/block_header_background.png") center 5px repeat-x;
  padding-bottom: 5px;
}


#container {
  min-height: 100%;
  width: 980px;
  position: relative;
  margin: 5px auto;
  background: white;
}


#header {
  height: 106px;
  background: #f9f9f9 url("../images/block_header.png") left center no-repeat;
  padding: 1px 0;
}

#content {
  padding: 10px 10px 70px 0;
  min-height: 200px;
}

#footer {
  height: 15px;
  bottom: 0;
  position: absolute;
  width: 960px;
  margin: 5px;
  padding: 3px;
  background: #f5f5f5;
  border: 1px solid #ded8d8;
  text-align: center;
}

#footer .small {
  font-weight: normal;
}

#page-content #body-container {
  margin: 0 5px;
  padding: 0;
}

.text h2 {
  margin-top: 20px;
  margin-bottom: 10px;
}

/* end main layout */

/* fonts */
.error,
.error-message {
  color: red;
  font-size: 12px;
}

h1,
.immense {
  font-size: 1.8em;
  margin: 0.4em 0;
  font-weight: normal;
}

h2,
.huge {
  font-size: 1.6em;
}

h3,
.large {
  font-size: 1.4em;
  font-weight: normal;
  margin: 0;
}

h1.underline, h2.underline, h3.underline {
  border-bottom: 1px solid #ded8d8;
  color:black;
  font-size:1.2em;
  font-weight:normal;
  margin-top:5px;
  padding-bottom:0.1em;
}

h4,
.larger {
  margin: 0;
  font-size: 1.2em;
}

#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4 {
  margin-left: 0;
}

.smaller,
label {
  font-size: 1.1em;
}

.small {
  font-size: 0.8em;
  color: #808080;
}

/* end fonts */

/* text colors */
h1, h2, h3, h4 {
  color: #333333;
  margin: 0.1em 0 0 0em;
}

.sidebar-block .content a.tag,
.tag {
  color: #4d4d4d;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  margin-right: 5px;
}

.tag:hover {
  text-decoration: underline;
}

.comment {
  color: #808080;
  font-size: 12px;
}

/* resetting default styles */
.hidden {
  display: none;
}

p {
  margin: 0;
}

ul {
  margin: 0;
}

h3 {
  font-weight: normal;
}

.click2show .show {
  display: none;
}

.clickable {
   cursor: pointer;
}

table {
  border-collapse: collapse;
}

a img {
  border: 0;
}

a {
  color: #d45500;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* begin lists */
ul.u-list {
  list-style-type: none;
  padding-left: 0;
  list-style-image: none;
}
ul.u-list li {
  color: #4d4d4d;
  padding-left: 10px;
  background: url("../images/details/bullet_orange_tiny.png") left 7px no-repeat;
}


ul.bullets_large li {
  list-style-type: none;
  padding-left: 20px;
  background: white url("../images/bullet_large.png") left center no-repeat;
}
/* end lists */

/* header elements */
#breadcrumb-container {
  margin: 5px 0 0 20px;
}

/* personal box */
#login_form .error {
  float: left;
  height: 20px;
  line-height: 20px;
  width: 100px;
  padding-left: 40px;
}

#login_form .input-rounded input {
  width: 160px;
}

#login_form label {
  font-size: 1em;
  font-weight: normal;
}

#personal-box {
  float: right;
  width: 350px;
  margin-top: 1px;
  margin-right: 15px;
}

#personal-box div.form-field {
  float: right;
  margin: 0;
}

#personal-box div.form-field.overlay {
  width: 180px;
  padding: 2px 0;
}

#personal-box .personal-info {
  border: 0;
  margin: 2px 0 2px;
  padding: 5px;
  height: 60px;
  width: 283px;
  background: url("../images/borders/personal-box.png") 0 0 no-repeat;
}

#profile-edit-link {
  clear: right;
  text-align: right;
  padding-right: 5px;
  margin-top: 4px;
}

.personal-logo {
  float: right;
  height: 60px;
  margin: 0;
}

#personal-data {
  padding: 5px 10px 5px;
  float: right;
}

#personal-box div.personal-info {
  float: right;
}

#personal-data div {
  float: none;
  text-align: right;
}

#personal-box .fullname {
  font-weight: bold;
  font-size: 1.1em;
  color: #666666;
}

#personal-box .email {
  font-size: 0.9em;
  color: #aa4400;
}

#personal-menu {
  margin: 0 0 5px;
}

#personal-menu div.item {
  float: right;
  margin: 0  0 0 10px;
  position: relative;
  font-weight: bold;
  white-space: nowrap;
}

#personal-menu div.item.menuitem a {
  color: #666;
}

#personal-menu span.title {
  padding: 1px 20px 1px 1px;
  color: #666;
  font-weight: bold;
  background: transparent url("../images/details/expand_down.png") right center no-repeat;
  cursor: pointer;
}

#personal-menu .expanding-menu {
  position: absolute;
  right: 0;
  margin: 0;
  z-index: 100;
}

#personal-menu .open span.title {
  background-image: url("../images/details/personal_menu_open.png");
}

#personal-menu ul.expanding-menu li {
  list-style-type: none;
  height: 19px;
  line-height: 18px;
  background: url("../images/borders/personal_menu.png") left -19px no-repeat;
  padding-left: 5px;
  margin: 0;
}

#personal-menu ul.expanding-menu li div {
  width: 130px;
  overflow: hidden;
  background: url("../images/borders/personal_menu.png") right -19px no-repeat;
  padding-right: 5px;
  padding-bottom: 1px;
  margin: 0;
}

#personal-menu ul.expanding-menu li.top {
  height: 2px;
  background: url("../images/borders/personal_menu.png") top left no-repeat;
  padding-left: 5px;
}

#personal-menu ul.expanding-menu li.top div {
  background: url("../images/borders/personal_menu.png") top right no-repeat;
  padding-right: 5px;
  height: 2px;
}

#personal-menu ul.expanding-menu li.bottom {
  background: url("../images/borders/personal_menu.png") left -38px no-repeat;
}

#personal-menu ul.expanding-menu li.bottom div {
  background: url("../images/borders/personal_menu.png") right -38px no-repeat;
}

/* end personal box */

/* content */
#content .inside {
  padding: 0 30px 0 15px;
  margin-right: 300px;
}

/* sidebar */
#sidebar {
  float: right;
}

/* sidebar block */
.sidebar-block {
  width: 300px;
  margin-top: 5px;
}

.sidebar-block .rounded-header {
  height: 23px;
  background: white url("../images/borders/portlet-top.png") left top no-repeat;
  padding-left: 10px;
}

#support_portlet .rounded-header {
  height: 25px;
  background: white url("../images/borders/portlet-top-orange.png") left top no-repeat;
}

.sidebar-block .rounded-header .rounded-right {
  height: 19px;
  background: white url("../images/borders/portlet-top.png") right top no-repeat;
  padding-right: 10px;
  padding-top: 4px;
}

#support_portlet .rounded-header .rounded-right {
  background: white url("../images/borders/portlet-top-orange.png") right top no-repeat;
}

#support_portlet_header {
  color: #4d4d4d;
}

.sidebar-block .content {
  padding: 10px 10px 5px;
  margin-bottom: 5px;
  border: 2px solid #e5e5d3;
}

#support_portlet .content {
  border-top: none;
  padding: 12px 10px 5px;
}

#supporter_list {
  padding-left: 0;
}

#supporter_list li {
  list-style-type: none;
  list-style-image: none;
  padding-left: 15px;
  background: white url("../images/details/icon_user_small.png") left center no-repeat;
}

.sidebar-block .content a {
  color: #d45500;
}

.sidebar-block .content .logo {
  float: left;
  margin-right: 5px;
}

.sidebar-block .content .footer {
  padding-top: 5px;
}

.sidebar-block .content .footer a.btn {
  float: left;
}

.sidebar-block .content a.more {
  float: right;
}

#sidebar .header {
  font-family: Arial, Helvetica, sans-serif;
}

.sidebar-block .rounded-header h3,
.sidebar-block .rounded-header h3 a {
  color: #666666;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-align: left;
  text-transform: uppercase;
}

.sidebar-block .portlet-link {
  float: right;
  color: black;
  text-decoration: underline;
}

.sidebar-block .portlet-link a {
  color: black;
}

.sidebar-block .portlet-logo {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

/* end sidebar block */

/* action portlets */
div.action-portlet {
  width: 300px;
  background: url("../images/borders/action_portlet.png") top center no-repeat;
  padding: 0;
  padding-top: 2px;
  margin: 0 0 2px 0;
}

div.action-portlet .content {
  margin: 0;
  padding: 0;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 10px;
  background: url("../images/borders/action_portlet.png") bottom center no-repeat
}

div.action-portlet .content .header {
  font-size: 14px;
  font-weight: normal;
  color: #d45500;
  height: 24px;
  line-height: 24px;
}

/* end action portlets */

/* border portlets */
div.border-portlet {
  border: 1px solid #ded8d8;
  padding: 5px 5px 0 5px;
  width: 290px;
  margin-bottom: 6px;
}
/* end border portlets */

/* buttons - a different image to cope with the backgrounds */
div.action-portlet a.btn, div.action-portlet span.btn,
div.action-portlet a.btn span, div.action-portlet span.btn input {
  background-image: url("../images/button_small_action_portlet.png");
}

/* end action portlets */

/* begin horizontal menu */


.horizontal-menu a {
  color: #808080;
  text-decoration: none;
}

.horizontal-menu a:hover {
  text-decoration: none;
}

.horizontal-menu .active a {
  color: #ff7800;
}

.horizontal-menu {
  margin: 0 0 0.2em;
  overflow: hidden;
  padding: 0;
}
.horizontal-menu li {
  color: #808080;
  display: block;
  float: left;
  padding: 0 0.5em 15px;
  background: white url("../images/horizontal_menu.png") bottom left repeat-x;
}

.horizontal-menu li.active {
  color: #ff7800;
  background: white url("../images/horizontal_menu_active.png") bottom center repeat-x;
}

/* end horizontal menu */

/* begin form */
form .form-field label input {
  vertical-align: middle;
}

form .form-field div.input-line input.error {
  background: #ffd9d9;
}

form .form-field div.explanation {
  float: left;
  clear: left;
}

form .form-field .explanation {
  font-size: 10px;
  color: #808080;
}

form .form-field .inline-label {
  font-weight: bold;
  font-size: 0.8em;
  color: #666;
}

form.inline-form,
form.inline-form div {
  display: inline;
}

form .form-field {
  padding: 0.3em 0 0;
  clear: left;
}

form .form-field.check-field input,
form .form-field.check-field label {
  margin: 0;
  display: inline;
}

form .form-field label {
  display: block;
  /* font */
  font-size: 0.9em;
  height: 20px;
  line-height: 24px;
  vertical-align: middle;
}

form .form-field div.input-line {
  width: 220px;
  height: 20px;
  background: url("../images/borders/input-small.png") left center no-repeat;
  line-height: 20px;
  padding-left: 5px;
  float: left;
}

#registration_form .form-field div.input-line {
  width: 180px;
}

#login_form .form-field div.input-line {
  width: 180px;
}

form.edit-form .form-field div.input-line {
  width: 350px;
}

form .form-field div.input-line div {
  height: 18px;
  padding: 1px 0;
  background: url("../images/borders/input-small.png") right center no-repeat;
  padding-right: 5px;
  line-height: 18px;
}

form .form-field .field-status {
  color: #808080;
  line-height: 20px;
  margin-left: 5px;
  float: left;
}

form .form-field .field-status.confirmed {
  background: url("../images/borders/field_status.png") left center no-repeat;
  height: 20px;
  padding-left: 15px;
}

form .form-field .field-status.confirmed div {
  height: 20px;
  background: url("../images/borders/field_status.png") right center no-repeat;
  padding-right: 5px;
  color: #535353;
}

form .form-field div.input-line input {
  width: 100%;
  font-size: 0.9em;
  border: 0;
  background: transparent none;
}

form .form-field.no-break label {
  display: inline;
}

form .form-field .btn {
  margin-top: 0.5em;
}

form .form-field.overlay {
  position: relative;
}

form .form-field.overlay input {
  float: none;
}

form .form-field.overlay label {
  float: none;
  position: absolute;
  left: 5px;
  top: 0;
  bottom: 2px;
  color: #8c8c8c;
  font-weight: bold;
}
/* end form */

/* begin buttons */
input.text_button {
  background: transparent;
  border: 0;
  cursor: pointer;
  color: #d45500;
  font-family: Arial,Helvetica,sans-serif;
  padding: 0 0 1px 0;
}

input.text_button:hover {
  text-decoration: underline;
  padding: 0;
  border-bottom: 1px solid #d45500;
}

#ututi_join_portlet a.btn-large,
#ututi_join_portlet a.btn-large span,
#ututi_join_portlet span.btn-large,
#ututi_join_portlet span.btn-large input {
  background-image: url("../images/button_large_portlet.png");
}

span.btn-large,
a.btn-large {
  background: white url("../images/button_large.png") left top no-repeat;
  display: inline-block;
  border: medium none;
  height: 34px;
  padding: 0 0 0 10px;
}

span.btn-large input,
a.btn-large span {
  background: white url("../images/button_large.png") right top no-repeat;
  border: medium none;
  height: 34px;
  line-height: 34px;
  padding: 0 10px 4px 0;
  margin: 0;
  color: black;
  font-weight: normal;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  display: inline-block;
}

.button-to div {
  float: left;
}

/* end buttons */

/* special links */
a.more {
  font-size: 0.9em;
  padding-right: 15px;
  margin-top: 6px;
  background: url("../images/details/link_arrow.png") right center no-repeat;
}

a.small-link {
  color: #d45500;
}

a.small-link:hover {
  text-decoration: underline;
}

/* end special links */

/* begin tabs */
#tabs {
  background: #f2f2f2;
  height: 20px;
  padding: 0 10px;
  border-top: 4px solid #f2f2f2;
  margin: 0 0 10px 0;
}

#tabs .tab {
  float: left;
  height: 20px;
  margin: 0 1px;
  padding-left: 10px;
}

#tabs .tab div {
  float: left;
  height: 19px;
  padding-top: 1px;
  padding-right: 10px;
}

#tabs .tab div a {
  font-size: 12px;
  text-transform: uppercase;
}

#tabs .tab.active {
  background: url("../images/borders/tab-active.png") left top no-repeat;
}

#tabs .tab.active div {
  background: url("../images/borders/tab-active.png") right top no-repeat;
}

/* end tabs */

/* begin breadcrumbs */
#location {
  margin: 0;
  padding: 0;
  left: 110px;
  top: 25px;
  position: absolute;
  height: 20px;
}

#location div.location-tag {
  float: left;
  height: 20px;
  margin-right: 3px;
}

#location .location-tag .title {
  float: left;
  height: 20px;
  line-height: 20px;
}

#location .location-tag .title a {
  text-transform: uppercase;
  color: #666;
  font-size: 1.1em;
}

#location .location-tag img {
  float: left;
  margin: 0 3px 0 0;
}

#location .bullet-small {
  padding-left: 13px;
  background: url("../images/details/bullet_orange_small.png") left center no-repeat;
}

#breadcrumbs {
  margin: 0;
  padding: 0;
  list-style: none;

  position: absolute;
  top: 43px;
  left: 110px;
}

  /* horizontal list */
.breadcrumb a,
.no-bullet a,
#breadcrumbs li li a {
  font-size: 1.7em;
  color: #666;
  cursor: pointer;
}

#breadcrumbs a.breadcrumb,
#breadcrumbs img {
  vertical-align: middle;
}

#breadcrumbs li li a {
  color: #d45500;
}

#breadcrumbs li {
  float: left;
  list-style-type: none;
  list-style-image: none;
  padding: 2px 0;
}

#breadcrumbs li.no-bullet {
  padding-right: 5px;
}

#breadcrumbs li.breadcrumb {
  padding-right: 5px;
  padding-left: 18px;
  background: transparent url("../images/bullet_orange.png") left 12px no-repeat;
}

#breadcrumbs li.breadcrumb div,
#breadcrumbs li.no-bullet div {
  padding-top: 4px;
}

/* begin debugging helpers */

.XXX {
  color: red !important;
  border-color: red !important;
  background: #e3c5c5;
}

/* end debugging helpers */

/* group blocks */
#group_info_portlet .structured_info h4 {
  font-size: 18px;
  font-weight: normal;
  color: #4d4d4d;
}

#group_info_portlet .description {
  border-top: 1px solid #ded8d8;
  padding-top: 5px;
  margin-top: 3px;
  clear: both;
  color: #333;
}

#group_info_portlet #group-logo {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}

#group_info_portlet .structured_info span {
  color: #333;
}

#group_changes_portlet table.group-changes {
  color: #808080;
}

#group_info_portlet span.school-link {
  font-size: 14px;
}

#group_info_portlet span.school-link a {
  padding-right: 14px;
  background: url("../images/details/link_arrow.png") right center no-repeat;
  text-transform: uppercase;
}

#group_changes_portlet table.group-changes td.change-category {
  width: 90%;
  padding-left: 10px;
  background: transparent url("../images/bullet_small.png") left center no-repeat;
}

#group_changes_portlet table.group-changes td.change-count {
  color: #ff7800;
}

#group_members_portlet .user-logo-link {
  width: 70px;
  height: auto;
  text-align: center;
  float: left;
  margin: 0 5px;
}

#group_members_portlet .user-logo-link div.user-logo {
  width: 40px;
  height: 40px;
}

#group_members_portlet .user-link div {
  text-align: center;
}

#group_settings_toggle {
  color: #d45500;
  padding-left: 10px;
  background: transparent url("../images/details/icon_expand_down_small.png") left center no-repeat;
  cursor: pointer;
  border-bottom: 1px solid #ded8d8;
  margin-bottom: 5px;
}

#group_settings_block {
  padding-top: 5px;
}

/* end group blocks */

/* main page blocks */
.content-block .rounded-header {
  height: 30px;
  background: white url("../images/block_header_gray.png") left top no-repeat;
  padding-left: 20px;
}

.content-block .rounded-header .header-links {
  padding-top: 5px;
  float: right;
  color: black;
}

.content-block .rounded-header .header-links a {
  color: black;
  text-decoration: underline;
}

.content-block .rounded-header .rounded-right {
  height: 26px;
  text-align: left;
  background: white url("../images/block_header_gray.png") right top no-repeat;
  padding-right: 30px;
  padding-top: 4px;
}

.content-block .content {
  padding: 5px 10px 5px;
  margin-bottom: 20px;
  border: 2px solid #eaeadb;
}

.content-block .footer {
  margin-top: 0.2em;
}
/* end main page blocks */

/* user information portlet */
#user_information_portlet div.user-logo {
  width: 70px;
  text-align: center;
  float: left;
}

#user_information_portlet div.user-description {
  clear: left;
  border-top: 1px solid #ded8d8;
  padding-top: 5px;
  font-size: 0.9em;
  color: #333;
}

/* end user information portlet */

/* flash messages */
.flash-message {
  background: #f2f2f2;
  margin: 0 0 0.8em;
  padding: 0.3em 0.5em;
}

.flash-message .close-link {
  float: right;
  color: black;
  text-decoration: underline;
  cursor: pointer;
}

.message {
  color: #333333;
}

/* begin pager */
div#pager {
    text-align: center;
}

/* end pager */

/* search form */
#page-content .search-controls {
  width: 400px;
  padding-right: 90px;
}

#page-content .search-controls.loading {
  background: url("../images/details/search-loader.gif") right 40px no-repeat;
}

.search-controls .search-text {
  width: 75%;
  float: left;
  height: 25px;
  background: url("../images/borders/search-text.png") left center no-repeat;
  padding-left: 5px;
}

.search-controls .search-text div {
  height: 23px;
  padding: 1px 0;
  background: url("../images/borders/search-text.png") right center no-repeat;
  padding-right: 5px;
  line-height: 23px;
}

.search-controls .search-text input {
  width: 100%;
  font-size: 18px;
  border: 0;
  background: transparent url("../images/details/icon_eyes.png") right center no-repeat;
}

.search-controls .search-submit {
  float: right;
  margin-left: 3px;
}

.search-type {
  margin: 0;
  padding: 0;
  padding-left: 10px;
  height: 35px;
  overflow: auto;
  z-index: 100;
  position: relative;
  top: 1px;
}

.search-type .search-type-item {
  float: left;
  padding: 0 5px;
  margin: 0;
  font-size: 1.2em;
  height: 35px;
  line-height: 35px;
  background: transparent url("../images/borders/search-type.png") bottom center repeat-x;
  color: #d45500;
  cursor: pointer;
  text-transform: lowercase;
}

.search-type .active {
  color: #333;
  background: transparent url("../images/borders/search-type-active.png") bottom center no-repeat;
  z-index: 1000;
}

.search-text-submit {
  z-index: -100;
}

.search-tags {
  margin-top: 5px;
}

.search-tags label {
  text-transform: uppercase;
  color: #888;
  font-size: 0.85em;
  padding-left: 25px;
  background: transparent url("../images/details/icon_tag.png") left center no-repeat;
}

/* search portlet */
#search_portlet {
  margin: 0;
}

#search_portlet .rounded-header {
  display: none;
}

#search_portlet .content {
  border: 0;
  margin-bottom: 0;
  padding: 0 0 5px;
}

#search_portlet .search-text {
  width: 190px;
  height: 20px;
  background: url("../images/borders/input-small.png") left center no-repeat;
  line-height: 20px;
}

#search_portlet .search-text div {
  height: 18px;
  padding: 1px 0;
  background: url("../images/borders/input-small.png") right center no-repeat;
  padding-right: 5px;
  line-height: 18px;
}

#search_portlet .search-text input {
  width: 100%;
  font-size: 0.9em;
  border: 0;
  background: transparent none;
}

#search_portlet .btn input {
  width: 65px;
}

#search_portlet .autobox-hldr {
  width: 270px;
}

/* end search portlet */

/* tags */

div.sidebar-block .item-tags,
div.search-item .item-tags {
  padding-left: 25px;
  background: white url("../images/details/icon_tag.png") left top no-repeat;
  margin-top: 5px;
}

/* search results */

div.search-item {
  padding-left: 35px;
}

div.search-item { min-height:40px; }

* html div.search-item { height:40px; }

div.snippet-page {
  background: white url("../images/details/icon_type_page.png") left 5px no-repeat;
}

div.snippet-group {
  background: white url("../images/details/icon_type_group.png") left 5px no-repeat;
}

div.snippet-subject {
  background: white url("../images/details/icon_type_subject.png") left 5px no-repeat;
}

h3.search-results-title {
  margin-top: 20px;
  overflow: hidden;
}

h3.search-results-title span {
  float: left;
  color: #808080;
  font-size: 0.8em;
  font-weight: normal;
}

h3.search-results-title span.result-count {
  float: right;
  color: #808080;
  font-size: 0.8em;
  font-weight: normal;
}

div#search-results div.search-item {
  margin: 0.5em 0;
}

div#search-results div.search-item a.item-title {
  margin-bottom: 0.3em;
}

div.group-item {
  padding-left: 70px;
  background: url("../images/group_ico.png") left top no-repeat;
}

div.search-item div.description {
  margin: 0.1em 0;
}

/* user block */
div.user-logo-link {
  float: left;
  margin: 10px;
  width: 100px;
  height: 120px;
  text-align: center;
}

div.user-logo-link div.user-logo {
  height: 60px;
  width: 60px;
  margin: 0 auto;
}

div.user-logo-link img {
  margin: 0 auto;
}

div.user-logo-link div {
  text-align: center;
}

/* end user block */

/* groups portlet */
#group_portlet_content ul {
  list-style-type: none;
  padding: 0;
}

#group_portlet_content img#group-logo {
  margin-right: 5px;
  float: left;
}

#group_portlet_content .group-listing-item {
  padding: 3px;
  border-bottom: 1px solid #ded8d8;
  vertical-align: middle;
  margin-bottom: 5px;
}

/* end groups portlet */

/* subjects portlet */
#subject_portlet_content .subjects-list {
  list-style-type: none;
  margin-bottom: 10px;
  padding: 0;
}

#subject_portlet_content .subjects-list li {
  height: 16px;
  line-height: 16px;
  padding-left: 20px;
  background: transparent url("../images/details/icon_subject_small.png") left center no-repeat;
  margin: 7px 0;
}
/* js alternatives */
.js {
    display: none;
}

/* end js alternatives */

/* events listing */
ul#event_list {
  margin-top: 15px;
  padding-left: 25px;
}

ul#event_list li {
  list-style-type: none;
  padding: 0 0 5px 20px;
  background: transparent url("../images/details/icon_event.png") left top no-repeat;
}


/* misc */
img.latex {
	vertical-align: middle;
}

#watched_subjects li.new {
  background-image: url("../images/details/icon_subject_small_new.png") !important;
}

#links_portlet_content {
  padding-top: 2px;
}

.notice {
  color: #333;
}

a.forward-link {
  padding-right: 15px;
  background: url("../images/details/link_arrow.png") right center no-repeat;
}

a.back-link {
  padding-left: 15px;
  background: white url("../images/details/link_back.png") left center no-repeat;
}

div.permission-denied {
  margin-top: 10px;
  padding-left: 140px;
  padding-top: 5px;
  background: white url("../images/details/icon_nope.png") left top no-repeat;
  height: 80px;
}

div.please-register {
  margin-top: 10px;
  padding-left: 140px;
  padding-top: 5px;
  background: white url("../images/details/icon_labas.png") left top no-repeat;
  height: 80px;
}

.clear-left, .clear-right {
  height: 0;
  margin: 0;
  padding: 0;
  display: block;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.tip {
  font-size: 0.85em;
  color: #808080;
  padding-bottom: 5px;
}

.tooltip {
  cursor: pointer;
}

div.form-field .tooltip {
  float: right;
  margin: 10px;
}

.controls .tooltip {
  float: left;
  margin: 2px;
}

div.create_item {
  padding: 10px 0;
}

div.create_item .tooltip,
span .tooltip {
  margin: 3px 0 3px 10px;
}

.thank_you {
  padding-top: 7px;
  padding-bottom: 200px;
  background-position: bottom center;
  background-image: url('../images/happy_cat.png');
  background-repeat: no-repeat;
}

.no_thank_you {
  padding-top: 7px;
  padding-bottom: 240px;
  background-position: bottom center;
  background-image: url('../images/sad_cat.jpg');
  background-repeat: no-repeat;
}

/* end misc */

/* upload drop down (group files portlet, files view) */
div.upload_dropdown,
div.single_upload {
  width: 150px;
}

div.upload_dropdown .button,
div.single_upload .button {
  height: 19px;
  background: transparent url("../images/file_dropdown.png") left center no-repeat;
  padding: 0;
  padding-left: 4px;
  color: #333333;
}

div.upload_dropdown .button div.inner,
div.single_upload .button div.inner {
  height: 19px;
  background: transparent url("../images/file_dropdown.png") right center no-repeat;
  padding: 0;
  padding-right: 20px;
  margin: 0;
  cursor: pointer;
}

div.single_upload .button div.inner {
  background: transparent url("../images/file_dropdown_single.png") right center no-repeat;
}

div.upload_dropdown .target_item {
  height: 20px;
  background: transparent url("../images/file_dropdown_block.png") 0 -20px no-repeat;
  padding: 0;
  padding-left: 25px;
  margin: 0;
  color: #d45500;
}

div.upload_dropdown .target_item .target.hover {
  text-decoration: underline;
}

div.upload_dropdown .target_item div {
  height: 20px;
  line-height: 20px;
  background: transparent url("../images/file_dropdown_block.png") right -20px no-repeat;
  padding: 0;
  margin: 0;
}

div.upload_dropdown .target_item.first {
  background: transparent url("../images/file_dropdown_block.png") left 0 no-repeat;
}

div.upload_dropdown .target_item.first div {
  background: transparent url("../images/file_dropdown_block.png") right 0 no-repeat;
}

div.upload_dropdown .target_item.last {
  background: transparent url("../images/file_dropdown_block.png") left -40px no-repeat;
}

div.upload_dropdown .target_item.last div {
  background: transparent url("../images/file_dropdown_block.png") right -40px no-repeat;
}

/* buttons - experiment */
span.message, a.btn, span.btn, div.btn {
  display:-moz-inline-box;
  display:inline-block;
  border:none;
  /*
    for Safari, read this first
    http://creativebits.org/webdev/safari_background_repeat_bug_fix
  */
  background-position:0 0;
  background-repeat:no-repeat;
  height:22px;
  text-decoration:none;
  color:#333;
  font-style:normal;
  padding:0 0 0 5px;
  vertical-align:middle;

  _position:relative;
  _width:10px;
  _overflow-y:hidden;

}

.btn.active,
.btn.active div,
a.btn.active span,
span.btn.active input {
  background-image: url("../images/button_small_orange.png");
}


.btn {
  cursor:pointer;
}

.btn,
.btn div,
a.btn span, span.btn input {
  background-image:url("../images/button_small.png");
}

.btn.warning,
.btn.warning div,
a.btn.warning span, span.btn.warning input {
  background-image:url("../images/button_small_red.png");
}

.btn.inactive,
.btn.inactive div,
a.btn.inactive span, span.btn.inactive input {
  background-image:url("../images/button_small_inactive.png");
  cursor:default;
}

span.message span,
span.message {
  background-image:url("../images/message.png");
}

span.message span,
a.btn span, span.btn input,
div.btn div {
  white-space:nowrap;
  color:#333;
  display:-moz-inline-box;
  display:inline-block;
  line-height:22px;
  letter-spacing:0 !important;
  font-style:normal;
  background-color:transparent;
  background-position:100% 0;
  background-repeat:no-repeat;
  height:22px;
  padding:0 5px 4px 0;
  margin:0;
  border:none;
  vertical-align:text-top;
  zoom:1;
  _position:relative;
  _padding-left:0px;
  _display:block;
  _top:0;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
}

a.btn span, span.btn input {
  cursor:pointer;
  text-transform: lowercase;
}

html.safari span.btn span,
html.safari a.btn span,
html.safari div.btn span,
html.safari del.btn span{
  line-height:1.3;
}

html.safari span.btn btn{
  line-height:2.6;
}

html.safari a.btn:focus,
html.safari div.btn:focus,
html.safari span.btn btn:focus{
  outline:none;
}

span.btn btn, span.btn input{
  padding-top:0px;
  line-height:22px;/*Opera need this*/
}

/* end btns experiment */

/* a border-less portlet */
#sidebar .border-less .rounded-header {
  display: none;
}

#sidebar .border-less .content {
  border: 0;
  margin-bottom: 0;
  padding: 0;
}
/*end border-less portlet */


/* banners */
#links_portlet_content .structured_info {
  text-align: right;
}

#links_portlet_content .structured_info a {
  margin-left: 15px;
}

#banners_portlet_content {
  padding: 0;
}

#banners_portlet_content .structured_info {
  text-align: right;
  float: right;
}

#banners_portlet_content img {
  margin: 0;
  padding: 0;
}

h2.bunner-heading {
  color: #666;
  font-size: 12px;
  border-bottom: 1px solid #ded8d8;
  margin-bottom: 5px;
  margin-top: 10px;
  text-transform: uppercase;
  font-weight: normal;
  font-style: verdana, sans-serif;
  text-align: right;
}

/* banners */

/* university list */
#university-list {
  margin-top: 30px;
  overflow: hidden;
}

.university_block {
  padding-left: 36px;
  width: 220px;
  float: left;
  font-size: 12px;
  margin-top: 3px;
  margin-right: 5px;
  height: 35px;
}

.university_block div.stats {
  color: #808080;
  font-size: 11px;
}

.university_block div.logo {
  float: left;
  margin-left: -36px;
  height: 28px;
  width: 26px;
  vertical-align: middle;
  line-height: 28px;
}

.university_block div.logo img {
  vertical-align: middle;
}

#pager {
  clear: left;
}

#pager.loading,
#sorting.loading {
  background: url("../images/details/icon_progress.gif") right center no-repeat;
}

#teaser_switch {
  text-align: right;
}

#sorting a.active {
  color: #4b4b4b;
}

/* end university list */

/* file upload portlet */

#file_upload_portlet_content .header {
  background: url("../images/details/expand_down.png") right center no-repeat;
}

#file_upload_portlet_content #completed a {
  padding-left: 18px;
  background: url("../images/details/icon_done.gif") left center no-repeat;
}

#file_upload_portlet_content .target {
  color: #d45500;
  padding-left: 23px;
  background: url("../images/details/icon_folder.gif") left center no-repeat;
  cursor: pointer;
}

#file_upload_portlet_content .target.hover {
  text-decoration: underline;
}

/* end file upload portlet */

/* invitation portlet */

#user_recommend_portlet_content .header {
  background: url("../images/details/expand_down.png") right center no-repeat;
}

#ututi_recommendation_form label,
#file_upload_portlet .comment {
  color: #666;
  font-size: 11px;
  height: auto;
  line-height: 13px;
  margin-bottom: 3px;
}

#ututi_recommendation_form textarea {
  width: 270px;
  border: 1px solid gray;
}

#ututi_recommendation_form .form-field.loading {
  background: url("../images/details/icon_progress.gif") right center no-repeat;
}

#recommendation_status div.ok {
  padding-left: 18px;
  background: url("../images/details/icon_ok_portlet.png") left center no-repeat;
}

#recommendation_status div.fail,
#recommendation_status div.members {
  padding-left: 18px;
  background: url("../images/details/icon_fail_portlet.png") left center no-repeat;
}
/* end ututi recommendation form */

/* blog portlet */

#blog_portlet .header {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  height: 16px;
  overflow: hidden;
  line-height: 16px;
  color: #666;
}

#blog_portlet .header .blog_pager {
  float: left;
  width: 6px;
  height: 10px;
  background: url("../images/details/arrows.png") 0 0 no-repeat;
  cursor: pointer;
  margin: 3px;
}

#blog_portlet .header #blog_bk {
  margin-left: 6px;
  background-position: 0 0;
}

#blog_portlet .header #blog_fwd {
  background-position: -6px 0;
}

#blog_portlet #entries {
  font-size: 14px;
  line-height: 14px;
  height: 40px;
  overflow: visible;
  padding: 0;
}

#blog_portlet #entries .teaser {
  height: 40px;
  width: 290px;
  margin: 0;
  margin-top:5px;
}

#blog_portlet .teaser a {
  color: #d45500;
  font-size: 14px;
}

#blog_portlet .teaser a:hover {
  color: #d45500;
  text-decoration: underline;
}

#blog_portlet .footer {
  text-align: right;
  padding-bottom: 3px;
}

/* end blog portlet */

/* layout alternatives */

/* 6040 layout */
body.split6040 #content #sidebar {
  width: 425px;
}

body.split6040 #content #page-content {
  width: 500px;
  margin-right: 425px;
}

body.no_sidebar #content #page-content {
  margin-right: 0;
  padding-right: 0;
}

/* end layout alternatives */

/* take a tour style */
#tour_navigation {
  text-align: right;
  margin: 10px 0;
}

#pager a {
  color: #333;
  font-size: 14px;
  padding: 4px;
  margin: 0 2px;
  font-weight: bold;
}

#pager a.activeSlide {
  background: #ffccaa;
}

#tour_prev {
  padding-left: 15px;
  background: white url("../images/details/link_back.png") left center no-repeat;
  color: #333;
  font-weight: bold;
}

#tour_next {
  padding-right: 15px;
  background: url("../images/details/link_arrow.png") right center no-repeat;
  color: #333;
  font-weight: bold;

}

div.tour_slide {
  height: 500px;
  position: relative;
}

div.tour_slide div.image {
  width: 605px;
  float: left;
  padding: 0 2px 5px 0;
  background: url("../images/details/image_shadow.png") bottom right no-repeat;
  margin-bottom: 10px;
}

div.tour_slide div.image img {
  margin: 0;
  padding: 0;
}

div.tour_slide div.text {
  width: 300px;
  float: right;
  padding-left: 30px;
}

div.tour_slide div.text h2 {
  margin: 5px 0;
  font-weight: normal;
  font-size: 22px;
}

a.anchor {
  display: none;
}