/* $Id: style.css,v 1.13 2006/04/03 22:20:48 unconed Exp $ */

/*
** HTML elements
*/
body {
  margin: 0;
  padding: 0;
  color: #000000;
  background: #F4F3F3 url(img/bg.gif) repeat-x;
  font: 76% Arial, Helvetica, sans-serif;
}
tr.odd td, tr.even td {
  padding: 0.3em;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
}
h1 {
  font-size: 1.3em;
}
h2 {
  font-size: 1.2em;
}
h3, h4, h5, h6 {
  font-size: 1.1em;
}
p {
  margin-top: 0.5em;
  margin-bottom: 0.9em;
}
a {
  text-decoration: none;
  font-weight: normal;
}
a:link {
  color: #1179C4;
}
a:visited {
  color: #1179C4;
}
a:hover {
  color: #1179C4;
  text-decoration: underline;
}
.white a, .white div, .white a:link, .white a:visited, .white a:hover{
  color: #fff;
}
#white a, #white div, #white a:link, #white a:visited, #white a:hover{
  color: #fff;
  text-decoration: none;
}
#gray a, #gray div, #gray a:link, #gray a:visited, #gray a:hover{
  color: #535353;
  text-decoration: none;
}
#gray a:hover, #gray a:hover div{
  text-decoration: underline;
}
fieldset {
  border: 1px solid #ccc;
}
pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #ddd;
}
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
}
.form-item label {
  font-size: 1em;
  color: #222;
}
.item-list .title {
  font-size: 1em;
  color: #222;
}
.links {
  margin-bottom: 0em;
}
.comment .links {
  margin-bottom: 0em;
}

/*
** Page layout blocks / IDs
*/

#logo {
  vertical-align: middle;
  border: 0;
}
#logo img {
  float: left;
  padding: 0em 1.0em 0em 1em;
  border: 0;
}
#menu {
	background: #FFFFFF url(img/wse2.gif) repeat-x;
  padding: 0.5em 0.5em 0 0.5em;
  text-align: right;
  vertical-align: middle;
}
#primary {
  font-size: 1.0em;
  padding: 0em 0.8em 0.5em 0;
  color: #9cf;
}
#primary a {
  font-weight: bold;
  color: #fff;
}
#secondary {
  padding: 0 1em 0.5em 0;
  font-size: 0.8em;
  color: #9cf;
}
#secondary a {
  font-weight: bold;
  color: #9cf;
}
#search .form-text, #search .form-submit {
  border: 1px solid #369;
  font-size: 1.1em;
  height: 1.5em;
  vertical-align: middle;
}
#search .form-text {
  width: 8em;
  padding: 0 0.5em 0 0.5em;
}
#mission {
  background-color: #369;
  padding: 1.5em 2em;
  color: #fff;
}
#mission a, #mission a:visited {
  color: #9cf;
  font-weight: bold;
}
.site-name {
  margin: 0.6em 0em 0em 0em;
  padding: 0em;
  font-size: 2em;
}
.site-name a:link, .site-name a:visited {
  color: #fff;
}
.site-name a:hover {
  color: #369;
  text-decoration: none;
}
.site-slogan {
  font-size: 1em;
  color: #eee;
  display: block;
  margin: 0em 0em 0em 0em;
  font-style: italic;
  font-weight: bold;
}
#main {
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 0px 7px 7px 7px;
  text-align: left;
}
#mission, .node .content, .comment .content {
  line-height: 1.4;
}
#help {
  font-size: 0.9em;
  margin-bottom: 1em;
}
.breadcrumb {
  margin-bottom: .5em;
}
.messages {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0.3em;
  margin-bottom: 1em;
}
.error {
  border-color: red;
}
#sidebar-left, #sidebar-right {
  background-color: #ddd;
  width: 16em;
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px;
  vertical-align: top;
}
#footer {
  background: transparent;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}
#footer ul
{
	margin: 0px 55px 10px 0px;
	padding: 2px 0px 0px 2px;
}
#footer li 
{
	list-style-image: url(ico/dot.gif);	
	list-style-position: outside;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.tt, .tt a {
  color: #000;
  font : 76% Times New Roman;
  font-size: 15px;
  font-weight: bold;
}
.title, .title a {
  font-weight: bold;
  color: #000;
  line-height:10px;
  font : 76% Times New Roman;
  font-size: 30px;
  margin: 0 auto 0 auto;  /* decrease default margins for h<x>.title */
}
.submitted {
  color: #999;
  font-size: 0.8em;
}
.links {
  color: #999;
}
.links a {
  font-weight: bold;
}
.block, .box {
  padding: 0 0 1.5em 0;
}
.block {
  border-bottom: 1px solid #bbb;
  padding-bottom: 0.75em;
  margin-bottom: 1.5em;
}
.block .title {
  margin-bottom: .25em;
}
.box .title {
  font-size: 1.1em;
}
.node {
  margin: .5em 0 2em 0;
}
.sticky {
  padding: .5em;
  background-color: #eee;
  border: solid 1px #ddd;
}
.node .content, .comment .content {
  margin: .5em 0 .5em 0;
  font-size: 14px;
}
.node .taxonomy {
  color: #999;
  font-size: 0.8em;
  padding: 1.5em;
}
.node .picture {
  border: 1px solid #ddd;
  float: right;
  margin: 0.5em;
}
.comment {
  border: 1px solid #abc;
  padding: .5em;
  margin-bottom: 1em;
}
.comment .title a {
  font-size: 1.1em;
  font-weight: normal;
}
.comment .new {
  text-align: right;
  font-weight: bold;
  font-size: 0.8em;
  float: right;
  color: red;
}
.comment .picture {
  border: 1px solid #abc;
  float: right;
  margin: 0.5em;
}

/*
** Module specific styles
*/
#aggregator .feed-source {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 1em;
  margin: 1em 0 1em 0;
}
#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
  color: #999;
  font-style: italic;
  font-size: 0.9em;
}
#aggregator .title {
  margin-bottom: 0.5em;
  font-size: 1em;
}
#aggregator h3 {
  margin-top: 1em;
}
#forum table {
  width: 100%;
}
#forum td {
  padding: 0.5em 0.5em 0.5em 0.5em;
}
#forum td.forum, #forum td.posts {
  background-color: #eee;
}
#forum td.topics, #forum td.last-reply {
  background-color: #ddd;
}
#forum td.container {
  background-color: #ccc;
}
#forum td.container a {
  color: #555;
}
#forum td.statistics, #forum td.settings, #forum td.pager {
  height: 1.5em;
  border: 1px solid #bbb;
}
#forum td .name {
  color: #96c;
}
#forum td .links {
  padding-top: 0.7em;
  font-size: 0.9em;
}
#profile .profile {
  clear: both;
  border: 1px solid #abc;
  padding: .5em;
  margin: 1em 0em 1em 0em;
}
#profile .profile .name {
  padding-bottom: 0.5em;
}
.block-forum h3 {
  margin-bottom: .5em;
}
.calendar a {
  text-decoration: none;
}
.calendar td, .calendar th {
  padding: 0.4em 0;
  border-color: #888;
}
.calendar .day-today {
  background-color: #69c;
}
.calendar .day-today a {
  color: #fff;
}
.calendar .day-selected {
  background-color: #369;
  color: #fff;
}
.calendar .header-week {
  background-color: #ccc;
}
.calendar .day-blank {
  background-color: #ccc;
}
.calendar .row-week td a:hover {
  background-color: #fff; color: #000;
}

.item-list .pager {
  clear: both;
  text-align: center;
}

.item-list .pager .pager-item {
	display:inline;
  list-style-type:none;
	margin: 0px;
}

.item-list .pager .pager-item div {
	display:inline;
	
}

.item-list .pager .pager-item2 {
	display:inline;
  list-style-type:none;
	font-weight: bold;
  color: #39c;
	margin: 0px;
}

.item-list .pager .pager-item2 div {
	display:inline;
	
}

.corner2 {position:absolute; width:13px; height:355px;}
.topLeft2 {top:0; left:0; background-position:0px 0px;}
.topRight2 {top:0; right:0; background-position:-14px 0px;}
.home-box {position:relative; padding:0px; background-image:url(img/home-box2.gif);}
.home-box .corner2 {background-image:url(img/home-box.gif);}

.corner {position:absolute; width:7px; height:7px;}
.topLeft {top:0; left:0; background-position:0px 0px;}
.topRight {top:0; right:0; background-position:-7px 0px;}
.bottomLeft {bottom:0; left:0; background-position:0px -7px;}
.bottomRight {bottom:0; right:0; background-position:-7px -7px;}

.blue-gray {position:relative; padding:5px}
.blue-gray {background-color:#6197C2; border:1px solid #E3E3E3;}
.blue-gray .corner {background-image:url(img/blue-gray.gif);}
.blue-gray .topLeft {top:-1px; left:-1px;}
.blue-gray .topRight {top:-1px; right:-1px;}
.blue-gray .bottomLeft {bottom:-1px; left:-1px;}
.blue-gray .bottomRight {bottom:-1px; right:-1px;}

.white-blue {position:relative; padding:5px}
.white-blue {background-color:#FFFFFF; border:1px solid #DCDCDC;}
.white-blue .corner {background-image:url(img/white-blue.gif);}
.white-blue .topLeft {top:-1px; left:-1px;}
.white-blue .topRight {top:-1px; right:-1px;}
.white-blue .bottomLeft {bottom:-1px; left:-1px;}
.white-blue .bottomRight {bottom:-1px; right:-1px;}

.black-blue {position:relative; margin:0px; padding: 2px 2px 4px 5px; font-size:10px; line-height:11px; color:#FFF; height:32px}
.black-blue {background-color:#000; }
.black-blue .corner {background-image:url(img/black-blue.gif);}
.black-blue .topLeft {top:0px; left:0px;}
.black-blue .topRight {top:0px; right:0px;}
.black-blue .bottomLeft {bottom:0px; left:0px;}
.black-blue .bottomRight {bottom:0px; right:0px;}

.gray-gray {position:relative; padding:5px}
.gray-gray {background-color:#DCDCDC; border:1px solid #DCDCDC;}
.gray-gray .corner {background-image:url(img/gray-gray.gif);}
.gray-gray .topLeft {top:-1px; left:-1px;}
.gray-gray .topRight {top:-1px; right:-1px;}
.gray-gray .bottomLeft {bottom:-1px; left:-1px;}
.gray-gray .bottomRight {bottom:-1px; right:-1px;}

.gray-white {position:relative; padding:5px}
.gray-white {background-color:#DCDCDC; border:1px solid #DCDCDC;}
.gray-white .corner {background-image:url(img/gray-white.gif);}
.gray-white .topLeft {top:-1px; left:-1px;}
.gray-white .topRight {top:-1px; right:-1px;}
.gray-white .bottomLeft {bottom:-1px; left:-1px;}
.gray-white .bottomRight {bottom:-1px; right:-1px;}

.white-gray {position:relative; padding:5px}
.white-gray {background-color:#FFFFFF; border:1px solid #FFFFFF;}
.white-gray .corner {background-image:url(img/white-gray.gif);}
.white-gray .topLeft {top:-1px; left:-1px;}
.white-gray .topRight {top:-1px; right:-1px;}
.white-gray .bottomLeft {bottom:-1px; left:-1px;}
.white-gray .bottomRight {bottom:-1px; right:-1px;}

.white-white {position:relative; padding:5px}
.white-white {background-color:#FFFFFF; border:1px solid #CAC9C9;}
.white-white .corner {background-image:url(img/white-white.gif);}
.white-white .topLeft {top:-1px; left:-1px;}
.white-white .topRight {top:-1px; right:-1px;}
.white-white .bottomLeft {bottom:-1px; left:-1px;}
.white-white .bottomRight {bottom:-1px; right:-1px;}

.lgray-gray {position:relative; padding:5px}
.lgray-gray {background-color:#8F0010; border:1px solid #8F0010;}
.lgray-gray .corner {background-image:url(img/lgray-gray.gif);}
.lgray-gray .topLeft {top:-1px; left:-1px;}
.lgray-gray .topRight {top:-1px; right:-1px;}
.lgray-gray .bottomLeft {bottom:-1px; left:-1px;}
.lgray-gray .bottomRight {bottom:-1px; right:-1px;}

.dgray-gray {position:relative; padding:5px}
.dgray-gray {background-color:#6F6F6F; border:1px solid #CAC9C9;}
.dgray-gray .corner {background-image:url(img/dgray-gray.gif);}
.dgray-gray .topLeft {top:-1px; left:-1px;}
.dgray-gray .topRight {top:-1px; right:-1px;}
.dgray-gray .bottomLeft {bottom:-1px; left:-1px;}
.dgray-gray .bottomRight {bottom:-1px; right:-1px;}

.round-white {position:relative; padding:0px}
.round-white .corner {background-image:url(img/round-white.png);}
.round-white .topLeft {top:0px; left:0px;}
.round-white .topRight {top:0px; right:0px;}
.round-white .topBlack2
{
	font : 76% Times New Roman;
	position:relative;
	background: #FAF200;
	float:left; margin-top: 6px; margin-right: 8px;
	font-size:19px; line-height:35px; color:#000;
	font-weight: bold; text-align: center;
	width: 143px; height: 35px;
}
.round-white .topBlack3 
{
	background: #093C72;
	top:60px; right:0px; width:272px; height:16px; 
	font-size:10px; line-height:14px; color:#A9DAFF;
	padding-left:8px;
	overflow: hidden;
}
.round-white .topBlack 
{
	font : 76% Times New Roman;
	background: #000;
	top:0px; left:0px; width:610px; height:53px; 
	font-size:22px; line-height:23px; color:#FFF;
	padding-top:8px; padding-left:19px; padding-right:19px;
	overflow: hidden;
}

.round-white .bottomLeft {bottom:0px; left:0px;}
.round-white .bottomRight {bottom:0px; right:0px;}
.round-white .bottomBlack 
{
	background-image:url(img/trans-black.png);
	bottom:0px; left:0px; width:610px; height:68px; 
	font-size:15px; line-height:18px; color:#A9DAFF;
	padding-top:15px; padding-left:19px; padding-right:19px;
}
.round-white .bottomBlack2 
{
	background: #000;
	bottom:10px; right:0px; height:16px; width: 114px;
	font-size:10px; line-height:14px; color:#DDF0FF;
	margin-right: 100px;
	text-align: center;
	overflow: hidden;
}
.round-white .bottomBlack3 
{
	background: #6197C2;
	bottom:10px; right:0px; height:16px; width: 70px;
	margin-right: 16px;
	font-size:11px; font-weight:bold; line-height:14px; color:#FFF;
	padding-left:8px;
	overflow: hidden;
}

.round-blue {position:relative; padding:0px; margin:0px; background: #111}
.round-blue .corner {background-image:url(img/round-blue.png);}
.round-blue .topLeft {top:-1px; left:-1px;}
.round-blue .topRight {top:-1px; right:-1px;}
.round-blue .bottomLeft {bottom:-1px; left:-1px;}
.round-blue .bottomRight {bottom:-1px; right:-1px;}

#dropmenudiv {line-height:25px; position:absolute; visibility:hidden; z-index:11000; }
#dropmenudiv_in2 {border-left:1px solid #CECDCD;border-right:1px solid #CECDCD;background:#DFDFDF;}
#dropmenudiv_in2 .m1 {border-top:1px dotted #CECDCD; padding:0px 15px; background:#DFDFDF; color:#002660; text-decoration: none;}
#dropmenudiv_in2 .m2 {border-top:1px dotted #CECDCD; padding:0px 15px; background:#002660 url(men/over.png) repeat-y; color:#fff; text-decoration: none;}

#dropmenudiv_in1 {border-left:1px solid #CECDCD;border-right:1px solid #CECDCD;}
#dropmenudiv_in1 .m1 {padding:0px 15px; background:#DFDFDF; color:#002660; cursor: default;}
#dropmenudiv_in1 .m2 {padding:0px 15px; background:#002660 url(men/over.png) repeat-y; color:#fff; text-decoration: none;}

#dropmenudiv .dm11 {width:6px;background:url(men/b11.png) no-repeat;}
#dropmenudiv .dm12 {line-height:25px;background:#DFDFDF;}
#dropmenudiv .dm13 {width:6px;background:url(men/b13.png) no-repeat;}
#dropmenudiv .dm21 {width:6px;background:url(men/b21.png) no-repeat bottom left;}
#dropmenudiv .dm22 {line-height:25px;background:#DFDFDF;}
#dropmenudiv .dm23 {width:6px;background:url(men/b23.png) no-repeat bottom left;}

#dropmenudiv .dm31 {width:6px;background:url(men/b21.png) no-repeat bottom left;}
#dropmenudiv .dm32 {border-top:1px solid #DFDFDF; border-bottom:1px solid #CECDCD;background:#DFDFDF;}
#dropmenudiv .dm33 {width:6px;background:url(men/b23.png) no-repeat bottom left;}

#wlnk a {
	color: #fff;
}

#navlist {
	color: #fff;
	text-transform: uppercase;
	font-size:11px;
  /*padding: 0 0 10px 20px;*/ /* LTR */
	margin-left: 10px;
}
#navlist a {
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	font-size:11px;
	padding: 0;
}

tr.links#navlist td.active-trail {
	background: url(men/selo.gif) repeat-x right top;
	height:35px
}

tr.links#navlist td.over-trail {
	background: url(men/sel1.gif) repeat-x left top;
	height:35px
}

tr.links#navlist td{
	padding-left:15px;
}

tr.links#navlist td div{
	padding-top:10px;
	padding-right:15px;
	height:28px
}

tr.links#navlist td.active-trail div {
	padding-top:10px;
	background: url(men/selo.gif) repeat-x right top;
	height:28px
}

tr.links#navlist td.over-trail div {
	padding-top:10px;
	background: url(men/sel2.gif) no-repeat right top;
	height:28px
}

.alignleft 
{
	float:left;
	margin: 8px 8px 0px 0px;
}

.icons {position: relative;height:30px; margin:16px 0px}
.ics {position: absolute;}
.ics .ico1 {background:url(ico/icons.gif) 0px 0px; position:relative;  top: 0px; left:0px; height:30px; width:32px;}
.ics .ico2 {background:url(ico/icons.gif) 0px -30px; position:relative;  top: -30px; left:34px; height:30px; width:32px;}
.ics .ico3 {background:url(ico/icons.gif) 0px -60px; position:relative;  top: -60px; left:68px; height:30px; width:32px;}
.ics .ico4 {background:url(ico/icons.gif) 0px -90px; position:relative;  top: -90px; left:102px; height:30px; width:32px;}
.ics .ico5 {background:url(ico/icons.gif) 0px -120px; position:relative;  top: -120px; left:136px; height:30px; width:32px;}

.ics .ico1o {background:url(ico/icons.gif) 0px -150px; position:relative;  top: 0px; left:0px; height:30px; width:32px;}
.ics .ico2o {background:url(ico/icons.gif) 0px -180px; position:relative;  top: -30px; left:34px; height:30px; width:32px;}
.ics .ico3o {background:url(ico/icons.gif) 0px -210px; position:relative;  top: -60px; left:68px; height:30px; width:32px;}
.ics .ico4o {background:url(ico/icons.gif) 0px -240px; position:relative;  top: -90px; left:102px; height:30px; width:32px;}
.ics .ico5o {background:url(ico/icons.gif) 0px -270px; position:relative;  top: -120px; left:136px; height:30px; width:32px;}


/* -------------------------- */
#lightbox{background-color:#eee;padding: 10px;border-bottom: 2px solid #666;border-right: 2px solid #666;}
#lightboxDetails{font-size: 0.8em;padding-top: 0.4em;}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(img/overlay.png); }


/*******************/
.c1 {margin-top:5px; background:#EAEAEA; padding:5px; font-size:14px;line-height:13px;height:30px;overflow:hidden;}
.c2 {margin-top:5px; background:#E1EBF3; padding:5px; font-size:14px;line-height:13px;height:30px;overflow:hidden;}
.tc {margin-top:7px; color:#393939; font-weight:bold; font-size:15px;line-height:16px;height:90px;overflow:hidden; min-width: 150px;}

#page-wrap { width: 644px; position: relative; height: 356px; overflow: hidden; background:#000; margin-bottom:8px }
.slider-wrap { position: absolute; top: 0px; left: 0px; }
.stripViewer { position: relative; overflow: hidden; width: 644px; height: 356px; }
/*.stripViewer .panelContainer { position: relative; left: 0; top: 0; }*/
.stripViewer .panelContainer .panel { height: 356px; position: absolute; width: 644px; }
.stripNavL, .stripNavR, .stripNav { display: none; }
.nav-thumb { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width:115px; height:80px;  }

#movers-row	{ position:absolute; top: 260px; left:16px; width:640px; height: 112px;}
#movers-row div	{ float: left; }
#movers-row div a.cross-link { outline: none; }

.photo-meta-data { background: url(img/transpBlack2.png) no-repeat bottom left; font-size:20px; overflow:hidden; font-weight:bold; padding: 0px 14px; height: 348px; margin-top: -350px; line-height:26px; position: relative; z-index: 9999; color: white; }
.cross-link { display: block; margin-left:7px; position: relative;  z-index: 9999; }
.cross-link .ppp {position:absolute; left:0px; background: url(img/transpBlack.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width:115px; height:80px;}

.active-thumb .ppp {display:none;}
.cross-link:hover .ppp {display:none;}