f/*
color 1: #fff     // page background, footer h2, footer address
color 2: #73a9d7  // 
color 3: #5d9cd1  // 
color 4: #ffb32f  // 
color 5: #5c5c5c  // 
color 6: #6fc22e  // 
color 7: #9f9f9f  // 
color 8: #f5f9fc  // 
color 9: #818181  //
color 10: #a2c6e5 //
*/


/*--- base styles override ---*/
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
a {
  color: #5d9cd1;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
dd {
  border-bottom: 1px solid #dfdfdf;
}


/* table platino theme */
table       { border-bottom: 0px solid #73a9d7; }
thead th    { background: #a2c6e5; border-top: 4px solid #73a9d7; color: #fff; }
tbody td    { background: #fffffff; border-top: 1px solid transparent; }
tr.even td  { background: #eff5ff; }
/*tr:hover td { background: #d0dafd; color: #000; } */
td.region   { background: #a2c6e5; color: #fff; }
tr.region-message td { background: #eee; }

.spacer {
  clear: both;
  height: 12px;
}


/*--- layout ---*/
.wrapper {
}
.page {
  margin: 0 auto;
  width: 980px;
}
.header {
}
.top-nav {
  height: 80px;
}
.search-bar {
  height: 60px;
}
.welcome {
  height: 500px;
  position: relative;
}

.main-content {
}
.top-content {
  width: 100%
}
.top-left {
	float: left;
	padding-right: 10px;
	width: 650px;
}
.top-right {
	float: right;
	width: 320px;
}

.center-left,
.center-middle,
.center-right,
.bottom-left,
.bottom-middle,
.bottom-right {
  float: left;
  width: 320px;
}
.center-left,
.center-middle,
.bottom-left,
.bottom-middle {
  padding-right: 10px;
}

.footer {
}
.footer-top-content {
  padding: 0 30px 10px 30px;
}
.footer-top-1,
.footer-top-2,
.footer-top-3,
.footer-top-4 {
	float: left;
	width: 230px;
}
.footer-top-1,
.footer-top-2,
.footer-top-3 {
	padding-right: 0px;
}

.no-sidebars .top-left {
  float: none;
  width: 100%;
}

/* theme */
body {
  background: #bcd3e9 url(../client/page-bg.gif) repeat-x top left;
}
.grey {
  color: #5c5c5c;
}
.blue {
  color: #73a9d7;
}
.orange {
  color: #ffb32f;
}
.green {
  color: #6fc22e;
}
.header {
  background: #818181;
  color:  #fff;
  padding: 0 80px;
}
.subheader {
  background: transparent url(../client/topnav-bg.gif) no-repeat left top;
}
.subheader a {
  color: #fff;
}
	
.logo {
	float: left;
  padding: 0px 0px;
	width: 285px;
}
.logo h1 {
  margin: 0;
}
.primary-nav {
  float: right;
  width: 560px;
}
.subheader-right {
	float: right;
	padding: 10px;
  width: 400px;
}
.subheader-right ul {
  list-style: none;
  margin: 0;
}
.subheader-right ul li {
  float: right;
  list-style: none;
}
.search-bar {
  background: transparent url(../client/searchbar-bg.gif) no-repeat left top;
}
.search-box {
  float: left;
  padding: 14px 14px;
  width: 630px;
}
.search-box .form-item {
  display: inline;
  margin: 0;
}
.search-box input.form-text {
  background: transparent url(../client/input-search.gif) no-repeat left top;
  border: none;
  height: 18px;
  margin: 0 10px 0 0;
  padding: 6px 10px;
  width: 480px;
}
.search-box input.form-submit {
  background:transparent url(../client/button-search.gif) no-repeat right 0px;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  height: 32px;
  padding: 0 3px 4px 23px;
  width: 103px;
}
.search-box input.form-submit:hover {
	background:transparent url(../client/button-search.gif) no-repeat right -32px;
}

.searchbar-right {
  color: #145593;
  float: right;
  width: 320px;
}
.searchbar-right a {
  color: #fff;
}
.searchbar-right ul {
  list-style: none;
  margin: 0;
}
.searchbar-right ul li {
  float: right;
  list-style: none;
}
.searchbar-right-region {
  display: block;
  padding: 15px 0;
}
.user-info {
  font-size: 1.2em;
  padding: 20px 10px 0 10px;
}
.searchbar-region .user-info {
  padding: 15px 15px 0 15px;
}

.welcome {
  background: transparent url(../client/welcome-bg.jpg) no-repeat left top;
  color: #9f9f9f;
  font-size: 2.6em;
}
.welcome .mission {
	padding-top: 40px;
  text-align: center;
  width: 980px;
}
.welcome .close {
  background: transparent url(../client/welcome-close.gif) no-repeat left top;
  cursor: pointer;
  height: 30px;
  left: 930px;
  position: absolute;
  top: 20px;
  width: 30px;
}
.welcome .close:hover {
  background: transparent url(../client/welcome-close-hover.gif) no-repeat left top;
}

.footer {
  color: #fff;
}
.footer a {
  color: #fff;
}
.footer-top {
  background: transparent url(../client/footer-top.gif) no-repeat left top;
  padding-top: 8px;
}
.footer-top-content {
  background: #89add0;
}
.footer-top-content ul li {
  padding: 3px 0;
}

.footer-bottom {
  background: transparent url(../client/footer-bottom.gif) no-repeat left top;
  height: 53px;
}
.footer-bottom-content {
  display: block;
  padding: 0 30px;
}
.footer-bottom-left {
  float: left;
  padding-top: 18px;
  width: 170px;
}
.footer-bottom-right {
  float: right;
  padding-top: 10px;
  text-align: right;
  width: 600px;
}

/* block */
.block-region {
  background: #ffffcf;
  border: 2px dashed #cecf33;
  color: #818181;
  margin: 0;
}

.block {
}
.block h2 {
  color: #fff;
  font-size: 1.4em;
  height: 24px;
  margin: 0;
  padding: 8px 30px;
}
.block-bottom {
  display: none;
}
.block ul {
  padding: 0 0 0 10px;
}

.main-content-top .block h2,
.main-content-bottom .block h2,
.node-top .block h2,
.node-bottom .block h2 {
  color: #5c5c5c;
}

.top-content .block {
  padding-bottom: 12px;
}

.top-right .block h2,
.center-content .block h2,
.bottom-content .block h2 {
  background: transparent url(../client/block-white.gif) no-repeat top left;
  color: #000;
}
.top-right .block .content,
.center-content .block .content,
.bottom-content .block .content {
  background: #fff url(../client/box-bg.gif) repeat-x bottom left;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 30px 28px 5px 28px;

}
.top-right .block-bottom,
.center-content .block-bottom,
.bottom-content .block-bottom {
  background: transparent url(../client/box-bottom.png) no-repeat top left;
  display: block;
  height: 15px;
}
.top-right .box-blue h2,
.center-content .box-blue h2,
.bottom-content .box-blue h2 {
  background: transparent url(../client/block-blue.gif) no-repeat top left;
}
.top-right .box-orange h2,
.center-content .box-orange h2,
.bottom-content .box-orange h2 {
  background: transparent url(../client/block-orange.gif) no-repeat top left;
}
.top-right .box-green h2,
.center-content .box-green h2,
.bottom-content .box-green h2 {
  background: transparent url(../client/block-green.gif) no-repeat top left;
}
.top-right .box-grey h2,
.center-content .box-grey h2,
.bottom-content .box-grey h2 {
  background: transparent url(../client/block-grey.gif) no-repeat top left;
}
.top-right .box-red h2,
.center-content .box-red h2,
.bottom-content .box-red h2 {
  background: transparent url(../client/block-red.gif) no-repeat top left;
}
.top-right .box-purple h2,
.center-content .box-purple h2,
.bottom-content .box-purple h2 {
  background: transparent url(../client/block-purple.gif) no-repeat top left;
}
.top-right .box-white h2,
.center-content .box-white h2,
.bottom-content .box-white h2 {
  background: transparent url(../client/block-white.gif) no-repeat top left;
  color: #000;
}

.promo-top .block {
  padding-bottom: 0.1px;
  text-align: center;
}
.promo-bottom {
	background: #89add0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.promo-bottom .block {
  padding: 0px;
  text-align: center;
}
.promo-bottom .content {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.featured .block {
 padding-bottom: 5px;
}

.featured .block h2 {
  background: transparent url(../client/block-featured.gif) no-repeat top left;
}
.featured .block .content {
  background: #fff url(../client/box-bg.gif) repeat-x bottom left;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 2px 30px 40px 30px;
}
.featured .block-bottom {
  background: transparent url(../client/featured-bottom.png) no-repeat top left;
  display: block;
  height: 10px;
}

.footer .block h2 {
  color: #3f3f3f;
  font-size: 1.4em;
  padding: 0;
}

.node-top .block h2,
.node-bottom .block h2,
.main-content-top .block h2,
.main-content-bottom .block h2 {
	padding: 8px 0;
}

/* special handling of block without title */
.featured .block-no-title .content,
.top-right .block-no-title .content {
  border-top: 1px solid #e6e6e6;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}
.top-right .block-no-title .content {
padding: 30px;
}

.more-link {
  border-top: 1px solid #eee;
  padding-top: 5px;
  margin-top: 5px;
}

/* pager */
.item-list .pager li {
	background: none;
	border: none;
	padding: 3px 8px;
	margin: 1px 3px 3px 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.item-list .pager li:hover {
	background: #fff;
	border: 1px solid #F26627;
  margin: 0 2px 2px 0;
}
.pager li.pager-current {
	background: #fff;
	border: 1px solid #73a9d7;
}
.pager li.pager-current:hover {
	background: #fff;
	border: 1px solid #F26627;
  margin: 1px 3px 3px 1px;
}

/* tabs local task */
ul.primary {
  border-bottom: 1px solid #5d9cd1;
  padding: 0 0 4px 0;
  margin: 0;
}
  ul.primary li {
    display: inline;
    list-style: none;
  }
  ul.primary li a {
    color: #666;
    text-decoration: none;
    border: none;
    background: none;
    padding: 0 .5em;
    margin-right: 0.5em;
  }
  ul.primary li.active a,
  ul.primary li a:hover {
    border: none;
    border-bottom: 4px solid #F26627;
    color: #333;
    background: none;
  }
  ul.primary + div,
  ul.primary + form,
  ul.primary + table {
    margin-top: 1em;
  }
ul.secondary {
  margin: 0;
  border-bottom: 1px solid #5d9cd1;
  margin: 0 0 0 1em;
  padding: 4px 0 2px 0;
}
  ul.secondary:before {
    content: '\0BB';
  }
  ul.secondary li {
    display: inline;
    color: #666
    list-style: none;
    border: none;
    padding: 4px 0;
  }
  ul.secondary li a {
    color: #666;
    border: none;
    background: none;
    padding: 0 .5em;
    margin-right: 0.5em;
  }
  ul.secondary li.active a,
  ul.secondary li a:hover {
    border: none;
    border-bottom: 4px solid #F26627;
    color: #333;
    background: none;
  }
  ul.secondary + div,
  ul.secondary + form,
  ul.secondary + table {
    margin-top: 1em;
  }

.primary-links li a.active {
  color: #fff;
}


/* user profile */
.profile .picture {
	background: #fff;
  margin: 0 1em 1em 1em;
}
.profile .picture img {
  border: 4px solid #ccc;
}
.profile .name {
  font-size: 1.4em;
}

/* quicktab */
ul.quicktabs_tabs {
  border-bottom: 3px solid #5d9cd1;
	display: block;
	font-size: 1.2em;
  list-style: none;
	margin: 0 0 
 0;
  padding: 0;
}
ul.quicktabs_tabs:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

ul.quicktabs_tabs li {
  float: left;
  margin: 0 2px 0 0;
  padding: 0 0 0 9px;
}
ul.quicktabs_tabs li.qtab-0 {
  background: url(../client/tableft-blue.gif) no-repeat left top;
}
ul.quicktabs_tabs li.qtab-1 {
  background: url(../client/tableft-orange.gif) no-repeat left top;
}
ul.quicktabs_tabs li.qtab-2 {
  background: url(../client/tableft-green.gif) no-repeat left top;
}
ul.quicktabs_tabs li.qtab-3 {
  background: url(../client/tableft-grey.gif) no-repeat left top;
}

ul.quicktabs_tabs li a {
  float: left;
  display: block;
  width: .1em;
  padding: 5px 15px 4px 6px;
  text-decoration: none;
  font-weight: bold;
  color: #765;
}
ul.quicktabs_tabs .qtab-0 a {
  background: url(../client/tabright-blue.gif) no-repeat right top;
  color: #73a9d7;
}
ul.quicktabs_tabs .qtab-1 a {
  background: url(../client/tabright-orange.gif) no-repeat right top;
  color: #ffb32f;
}
ul.quicktabs_tabs .qtab-2 a {
  background: url(../client/tabright-green.gif) no-repeat right top;
  color: #6fc22e;
}
ul.quicktabs_tabs .qtab-3 a {
  background: url(../client/tabright-grey.gif) no-repeat right top;
  color: #5c5c5c;
}

.quicktabs_wrapper > ul.quicktabs_tabs a {width:auto;}

ul.quicktabs_tabs a:hover {
}
ul.quicktabs_tabs li.active {
  background-position: 0 -200px;
}
ul.quicktabs_tabs li.active a {
  background-position: 100% -200px;
  color: #333;
}
ul.quicktabs_tabs li.active.qtab-3 a {  /* does not work in IE6 */
	color: #fff;
}
ul.quicktabs_tabs li:hover, ul.quicktabs_tabs li:hover a {
  background-position: 0% -100px;
}
ul.quicktabs_tabs li:hover a {
  background-position: 100% -100px;
}
ul.quicktabs_tabs li.active:hover, ul.quicktabs_tabs li.active:hover a {
  background-position: 0% -200px;
  color: #333;
}
ul.quicktabs_tabs li.active.qtab-3:hover, ul.quicktabs_tabs li.active.qtab-3:hover a {  /* does not work in IE6 */
  color: #fff;
}
ul.quicktabs_tabs li.active:hover a {
  background-position: 100% -200px;
}


/* icons */
li.flag-favourites a {
  background: transparent url(../icons/fav.png) no-repeat left 50%;
  padding-left: 16px;
}
.statistics_counter span {
  background: transparent url(../icons/view.png) no-repeat left top;
  padding-left: 16px;
}

/*--- node ---*/

.flag-message {
  top: 2em;
}

.node {
  padding-bottom: 20px;
}
.view .node {
  border-bottom: 1px solid #f5f9fc;
}

.author-terms {
  padding: 0;
}
.author-terms .picture {
  float: left;
  margin: 0 10px 0 0;
}
.author-terms .author {
  float: left;
  font-size: 1.4em;
  font-weight: bold;
  padding-top: 12px;
  width: 200px;
}

.author-terms .terms {
  float: right;
  padding-top: 12px;
  text-align: right;
  width: 330px;
}

.node-info {
  background: #fff;
  border: 1px solid #e6e6e6;
  padding: 5px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.node-info .date {
  float: right;
  text-align: right;
  width: 200px;
}

.node-info ul.links {
  float: left;
  width: 420px;
}
.node-info ul.links.inline {
  display: block;
}

/*--- comment ---*/
#comments h2 {
  font-size: 1.4em;
}
#comments .box {
  background: #fff;
  border: 1px solid #e6e6e6;
  margin-top: 10px;
  padding: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#comments .box h2 {
	background: #818181 url(../icons/comment-big.png) no-repeat 30px 10px;
  margin-top: 0;
	padding: 10px 30px 10px 65px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-

-radius: 5px;
}
#comments .box .content {
  padding: 0 30px 30px 30px;
}

.comment {
  background: #fff;
  border: 1px solid #e6e6e6;
  padding: 10px 20px;
  margin-bottom: -1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.comment-even {
  background: #ffffef;
}

.comment h3 {
  font-size: 1.2em;
  margin: 0;
}

.comment .submitted {
	border-bottom: 1px solid #ccc;
  color: #818181;
}
.comment .submitted .comment-info {
  float: left;
  width: 70%;
}
.comment .picture {
  display: inline;
  margin: 0 5px 0 0;
}
.comment .picture img {
  height: 25px;
  width: 25px;
  vertical-align: bottom;
}
.comment .comment-name {
  display: inline;
  font-size: 1.2em;
  font-weight: bold;
}
.comment h3.comment-title {
  font-size: 1.2em;
  font-weight: normal;
}
.comment .comment-date {
	float: right;
	padding-top: 3px;
	text-align: right;
  width: 29%;
}

.comment .content {
  padding: 10px;
}

.comment ul.links {
  float: right;
}

.comment {
  margin-bottom: 10px;
}