body {
  margin: 0;
  padding: 0;
  color: #666666;
  background-color: $fff;
  font-family: Verdana, sans-serif;
  font-size: 12px;
}

span.minheight {
  clear: both;
  float: none;
}

div#Header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border: 1px solid #ff0000;
}

img#Logo {
  float: right;
  width: 280px;
  height: 81px;
}

ul#ConstLinks {
  margin: 10px 0 10px 10px;
  overflow: hidden;
  /* 15.12.2006. zbog securedsite loga */
  /* position: absolute; */
  /* left: -35px; */
}
ul#ConstLinks li {
  display: inline;
  margin-right: 10px;
}
ul#ConstLinks li * {
  white-space: nowrap;
}

div#HorizontalBar1 {
  position: absolute;
  top: 82px;
  left: 0;
  width: 100%;
  height: 34px;
  overflow: hidden;
}
div#HorizontalBar2 {
  border: 1px solid #ff0000;
  padding: 10px;
  background-color: #CCCCCC;
}
div#HorizontalBar2 a:link, div#HorizontalBar2 a:visited {
  border: 1px solid #CCCCCC;
}
div#HorizontalBar2 a:active, div#HorizontalBar2 a:hover {
  border: 1px dashed #ff0000;
}

div#Content1 {
  width: 100%;
}
div#Content2 {
  margin-top: 116px;
  border: 1px solid #ff0000;
  padding: 10px;
}



p {
  margin-top: 0px;
  margin-bottom: 10px;
}

a img {
  border: 0;
}

a, a:visited, a:hover, a:active {
  text-decoration: none;
  font-weight: bold;
  color: #C02419;
}

#xl {
  text-decoration: none;
  color: #336699;
}

img.leftimage, img.rightimage {
    border: 0px solid #ffffff;
}
.leftimage {
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
    float: left;
}
.rightimage {
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
	float: right;
}

a, a:visited {
  border: 1px solid #ffffff;
}
a:hover, a:active {
  border: 1px dashed #ff0000;
}

div.forum {
  display: block;
}
div.forum div.row, div {
  vertical-align: middle;
}
div.forum div.head {
  width: 100%;
  height: 34px;
  border: 1px solid #666666;
  background-color: #CCCCCC;
  color: #666666;
}
div.forum div.row {
  width: 100%;
  height: 34px;
  margin-top: 1px;
  border-left: 1px dotted #666666;
  border-right: 1px dotted #666666;
  border-bottom: 1px dotted #666666;
}
div.forum div.row.current {
  /* TODO */
}
div.forum div div {
  padding: 2px;
}
div.forum div div.topic {
  height: 30px;
  padding: 0 10px;
}
div.forum div div.posts {
  width: 60px;
  height: 30px;
  float: right;
  text-align: center;
  border-left: 1px dotted #666666;
}
div.forum div div.first {
  width: 170px;
  height: 30px;
  float: right;
  text-align: center;
  border-left: 1px dotted #666666;
}
div.forum div div.last {
  width: 170px;
  height: 30px;
  float: right;
  text-align: center;
  border-left: 1px dotted #666666;
}

div.forumthread {
}
div.forumthread div.forummessage {
  border: 1px solid #ff0000;
  margin-bottom: 10px;
}
div.forumthread div.forummessage img.forumposter {
  border: 1px solid #ff0000;
  float: right;
  margin-top: -1px;
  margin-right: -4px;
  text-align: right;
  height: 100px;
  background-color: #ffffff;
}
div.forumthread div.forummessage div.forumheader {
  padding: 10px;
  border-bottom: 1px solid #ff0000;
}
div.forumthread > div.forummessage > img.forumposter {
  margin-right: -1px;
}
div.forumthread div.forummessage div.forumbody {
  padding: 10px;
  min-height: 40px;
}
div.forumthread div.forummessage div.forumbuttons {
  border-top: 1px solid #ff0000;
  padding: 10px;
  min-height: 15px;
}
div.forumthread div.forummessage div.forumbuttons div.forumnav {
  float: left;
}
div.forumthread div.forummessage div.forumbuttons div.forumopts {
  text-align: right;
}
span.forumtitle {
  font-weight: bold;
  font-size: 120%;
}
input, textarea {
  background: #ffffff;
  border: 1px inset #ff0000;
}
input[type=file] {
  border: none;
}
textarea {
  width: 100%;
}
input.button {
  background: #ff0000;
  color: #ffffff;
  padding: 0;
  border: 1px outset #ff0000;
}

div#Sections {
  border: 1px solid #ff0000;
  padding: 10px;
  float: right;
  margin-top: -11px;
  margin-right: -11px;
  text-align: right;
  background-color: #ffffff;
}

div#Sections a {
  display: block;
}

div.files {
  display: block;
}
div.files div.row {
  vertical-align: middle;
}
div.files div.head {
  width: 100%;
  height: 34px;
  border: 1px solid #666666;
  background-color: #CCCCCC;
  color: #666666;
}
div.files div.row {
  width: 100%;
  height: 34px;
  margin-top: 1px;
  border-left: 1px dotted #666666;
  border-right: 1px dotted #666666;
  border-bottom: 1px dotted #666666;
}
div.files div div {
  padding: 2px;
}
div.files div div.name {
  height: 30px;
  padding: 0 10px;
  overflow: hidden;
}
div.files div div.size {
  width: 80px;
  height: 30px;
  float: right;
  text-align: right;
  padding-right: 10px;
  border-left: 1px dotted #666666;
}
div.files div div.type {
  width: 100px;
  height: 30px;
  float: right;
  text-align: center;
  overflow: hidden;
  border-left: 1px dotted #666666;
}
div.files div div.opts {
  width: 90px;
  height: 30px;
  float: right;
  text-align: right;
  overflow: hidden;
  border-left: 1px dotted #666666;
}
div.files div.head div.opts {
  border-left: none;
}

div.errormsg {
  width: 100%;
  background-color: #ff0000;
  color: #ffffff;
}


div.plaintext div.title {
  font-size: 120%;
  font-weight: bold;
}

div.pagelet {
  border: 1px solid;
  margin-top: 2px;
  margin-bottom: 2px;
}

div.pagelet div.title {
  background-color: #CCCCCC;
  font-weight: bold;
  vertical-align: top;
  height: 18px;
  padding: 2px 2px 0 26px;
}

div.pagelet div.withimage img {
	vertical-align: top;
  padding: 0;
  border: 0;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
  margin: -2px 0 0 -26px;
	voice-family: "\"}\""; /* IE hack; non-IE specifics follow */
	voice-family: inherit;
	padding-right: 6px;
}

div.pagelet div.content {
  padding: 2px;
  height: 100%;
}

div.pagelet div.footer {
  background-color: #CCCCCC;
  vertical-align: top;
  text-align: right;
  font-size: 80%;
  padding: 2px;
  clear: both;
}

div.pagelet div.footer a:link, div.pagelet div.footer a:visited {
  border-color: #CCCCCC;
}
div.pagelet div.footer a:hover, div.pagelet div.footer a:active {
  border-color: #FF0000;
}



.mailform-msg {
  display: block;
  text-align: center;
  width: 100%;
}
.mailform-msg span {
  display: block;
  margin: 0 20% 10px 20%;
  border: 2px solid red;
  background-color: #ffdddd;
  padding: 5px;
}/* /sites/cro-grid/ */