@charset "utf-8";
/* CSS Document */
@import url(crosswalk.css);

#content_container{
background: url(../../img/images/content_bg_media_img.png) no-repeat;
padding-top: 170px;
}
#media_tabs {
background: url(../../img/images/media_tabs_bg.png) repeat-x;
margin: 0px;
padding: 0px;
float: left;
height: 35px;
width: 906px;
position: relative;
text-align: left;
}
#media_tabs ul {
height: 26px;
list-style: none;
float: left;
margin: 7px 0px 0px;
padding: 0px;
}
#media_tabs li {
text-align: center;
display: block;
margin: 0px 0px 0px 6px;
padding: 0px;
float: left;
height: 26px;
width: 108px;
}
#media_tabs a {
font-size: 12px;
font-weight: bold;
line-height: 26px;
display: block;
margin: 0px;
padding: 0px;
float: left;
height: 26px;
width: 106px;
border: 1px solid #d0d0d0;
background: #F3F3F3;
text-decoration: none;
}
#media_tabs a:hover {
text-decoration: underline;
}
#media_tabs a.current {
background: #fff;
border-bottom: 1px solid #fff;
}

#content {
margin: 0px;
padding: 0px;
float: left;
width: 612px;
text-align: left;
position: relative;
}
#content h1 {
background: url(../../img/images/media_tabs_bg.png) repeat-x;
font-size: 16px;
line-height: 35px;
display: block;
margin: 12px 0px 0px;
float: left;
height: 35px;
width: 594px;
position: relative;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 6px;
}
#content h1 a {
text-decoration: none;
color: #4a4a4a;
}
#content h1 a em {
color: #5B97B1;
font-style: normal;
}

#content h1 a:hover {
text-decoration: underline;
color: #5B97BF;
}

#content h1 span {
font-size: 11px;
font-weight: normal;
display: block;
width: 200px;
position: absolute;
top: 0px;
right: 6px;
height: 35px;
margin: 0px;
padding: 0px;
}
#content h1 img {
float: right;
}
#content  h1 dfn {
font-size: 11px;
line-height: 35px;
margin: 0px 4px;
padding: 0px;
height: 35px;
float: right;
font-style: normal;
}
#content  h1  #paging {
font-size: 12px;
height: 35px;
/* pkolas width: 200px; */ width: auto; 
position: absolute;
right: 6px;
top: 0px;
display: block;
margin: 0px;
padding: 0px;
}
#content  h1  #paging a {
line-height: 17px;
color: #5B97B1;
display: block;
height: 17px;
/* pkolas float: right;  */ float: left;
background: #fff;
padding-right: 6px;
padding-left: 6px;
text-align: center;
margin-top: 8px;
border: 1px solid #5B97B1;
margin-left: 4px;
}
#content h1 #paging a:hover {
background: #5B97B1;
color: #fff;
text-decoration: none;
}
#content h1 #paging a.prev {
padding-left: 15px;
background: #fff url(../../img/images/paging_prev_arrow.png) no-repeat left;
}
#content h1 #paging a.prev:hover {
background: #5B97B1 url(../../img/images/paging_prev_arrow_o.png) no-repeat left;
}
#content h1 #paging a.next {
background: #fff url(../../img/images/paging_next_arrow.png) no-repeat right;
padding-right: 15px;
}
#content h1 #paging a.next:hover {
background: #5B97B1 url(../../img/images/paging_next_arrow_o.png) no-repeat right;
}
#content  h1  #paging  a.current, #content h1 #paging a.current:hover {
color: #4A4A4A;
background: transparent;
height: 19px;
padding-right: 7px;
padding-left: 7px;
border-style: none;
text-decoration: none;
}


div.previews_holder {
padding: 0px;
float: left;
height: 180px;
width: 612px;
margin-top: 12px;
overflow: hidden;
}
div.preview {
float: left;
width: 141px;
margin: 0px 12px 0px 0px;
padding: 0px;
height: 180px;
overflow: hidden;
}
div.preview h2 {
font-size: 12px;
padding: 0px;
margin: 2px 0px 0px;
}
div.preview a {
text-decoration: none;
}
div.preview a:hover {
text-decoration: underline;
}
div.preview a.img {
margin: 0px;
padding: 2px;
border: 1px solid #d0d0d0;
display: block;
background: #fff;
}
div.preview a.img:hover {
margin: 0px;
padding: 2px;
border: 1px solid #5B97B1;
background: #5B97B1;
}
div.preview h2 span {
font-size: 10px;
font-weight: normal;
color: #535353;
}
.preview span strong {
color: #424242;
}
div.preview p {
font-size: 12px;
margin: 2px 0px 0px;
padding: 0px;
}
#content div.listview_item {
float: left;
width: 600px;
margin: 0px;
padding: 0px 0px 12px;
border-bottom: 1px solid #d0d0d0;
}
#content div.listview_item h2 {
font-size: 16px;
padding: 0px;
margin: 8px 6px 0px;
}
#content .listview_item a:hover {
text-decoration: underline;
}
#content div.listview_item h4 {
font-size: 10px;
color: #999999;
margin: 0px 6px;
padding: 0px;
}
#content div.listview_item h4 strong {
color: #4a4a4a;
}
#content div.listview_item p {
font-size: 12px;
margin: 3px 6px 0px;
padding: 0px;
}
#content .listview_item img {
margin-top: 6px;
margin-right: 6px;
}

#photoview {
margin: 0px;
float: right;
width: 294px;
padding: 0px;
text-align: left;
position: relative;
}
#photoview h1 {
background: url(../../img/images/media_tabs_bg.png) repeat-x;
font-size: 16px;
line-height: 35px;
display: block;
margin: 12px 0px 0px;
float: left;
height: 35px;
width: 288px;
position: relative;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 6px;
}
#photoview h1 a {
text-decoration: none;
color: #4A4A4A;
}
#photoview h1 a em {
font-style: normal;
color: #5B97B1;
}

#photoview h1 a:hover {
text-decoration: underline;
color: #5B97B1;
}

#photoview h1 span {
font-size: 11px;
font-weight: normal;
display: block;
position: absolute;
top: 0px;
right: 6px;
height: 35px;
margin: 0px;
padding: 0px;
}
div.right_feature_container {
float: left;
width: 294px;
margin: 6px 0px 0px;
padding: 0px 0px 6px;
border-bottom: 1px solid #d0d0d0;
}
div.right_feature_container img {
margin-right: 6px;
}
div.right_feature_container h2 {
font-size: 12px;
padding: 0px;
margin: 2px 0px 0px;
}
div.right_feature_container a {
text-decoration: none;
}
div.right_feature_container a:hover {
text-decoration: underline;
}

div.right_feature_container h2 span {
font-size: 10px;
font-weight: normal;
color: #CCCCCC;
}
div.right_feature_container span strong {
color: #4A4A4A;
}
div.right_feature_container p {
font-size: 12px;
margin: 2px 0px 0px;
padding: 0px;
}#photoview ul {
margin: 6px 0px 0px;
padding: 0px;
float: left;
width: 294px;
list-style: none;
}
#photoview ul li {
margin: 6px 0px 0px;
padding: 0px;
float: left;
width: 294px;
}
#photoview ul li a {
margin: 0px;
padding: 2px;
float: left;
width: 288px;
border: 1px solid #d0d0d0;
}
#photoview ul li a:hover {
border-color: #5B97B1;
}
#right_search_form  {
float: left;
width: 292px;
border: 1px solid #d0d0d0;
margin: 12px 0px 0px;
padding: 0px;
}
#right_search_form h2 {
font-size: 16px;
line-height: 35px;
background: #F3F3F3;
height: 35px;
margin: 0px;
padding: 0px 0px 0px 12px;
border-bottom: 1px solid #d0d0d0;
}
#right_search_form ul {
margin: 6px 0px 0px;
padding: 0px;
width: 292px;
list-style: none;
float: left;
}
#right_search_form ul li {
margin: 0px 0px 0px 6px !important;
margin: 0px 0px 0px 3px;
padding: 0px 0px 8px;
float: left;
width: 280px;
border-bottom: 1px dotted #d0d0d0;
}
#right_search_form  ul  li.button {
border-style: none;
text-align: center;
padding-top: 6px;
}
#filter label {
display: block;
font-size: 12px;
line-height: 18px;
font-weight: bold;
margin-left: 6px;
}
#filter {
margin: 0px;
padding: 0px;
}
#filter fieldset {
margin: 0px;
padding: 0px;
border-style: none;
}
#filter select {
border: 1px solid #d0d0d0;
width: 270px;
padding: 2px;
margin-left: 6px;
}