<?php
Header ("Content-type: text/css");
?>
#view_controls {
    height:40px;
    background-color:#666666;
    padding:3px;
}
#view_controls img{
    border:0;
}
#view_controls #VCR_controls {
    float:left;
}
#view_controls #file_counter {
    float:left;
    color:#b0dc28;
    font-family:Verdana, Helvetica, Arial, sans-serif;
    font-weight:bold;
}
#view_controls #fullscreen_toggle {
    float:right;
}

.file_src {
    /*
    width: 598px;
    height: 456px;
    */
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}

.image_thumb {
    /* float: left; */
    /* width: 299px; */
    /* width: 100%; */
    background: #666666;
    /*
    border-right: 1px solid #fff;
    border-top: 1px solid #ccc;
    */
    text-align:center;
}
.image_thumb img {
    border: 0px;
    padding: 5px;
    background: none;
    /* float: left; */
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 12px 10px;
    /* background: #f0f0f0 url(nav_a.gif) repeat-x; */
    /* width: 279px; */
    /* float: left; */
    /*
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
    */
}
.image_thumb ul li span{
    color:#FFFFFF;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #333333;
    cursor: default;
}

/* */
.row_views {
    display:none; /* Hide file containers */
}

html .image_thumb ul li h2 {
    font-size: 1.5em;
    margin: 5px 0;
    padding: 0;
}
.image_thumb ul li .block {
    /* float: left; */
    margin-left: 10px;
    padding: 0;
    width: 170px;
}
.image_thumb ul li p {
    display: none;  /*--Hide the description on the list items--*/
}

/* tab overrides */

.ui-widget {
    font-size: .7em;
}

.ui-widget-content {
    background-image:none;
    border:0;
}

#view_tabs {
    height: 100%;
}
#view_tabs li {
    float:left;
}
#view_tabs li img {
    float:left;
    border:none;
}
#view_tabs div {
    background-color:#666666;
    height: 100%;
}

#view_tabs li.ui-state-default {
    background:#999999;
}
#view_tabs li.ui-tabs-selected {
    background:#666666;
}

#view_tabs ul.ui-widget-header {
    background:#999999;
    border:none;
}
#view_tabs ul.ui-corner-all {
    -moz-border-radius:0 0 0 0 ;
}
#view_tabs.ui-corner-all {
    -moz-border-radius:0;
}

#item_level_tabs {
    height: 100%;  
}
#item_level_tabs.ui-widget-content {
    background:none;
    background-color:#797979;
    border:none;
}
#item_level_tabs  li.ui-state-default {
    background:#999999;
    border:0;
    color:#FFFFFF;
}
#item_level_tabs  li.ui-state-default span{
    color:#FFFFFF;
}
#item_level_tabs  li.ui-corner-top {
    -moz-border-radius-topleft:0;
    -moz-border-radius-topright:0;
}
#item_level_tabs li.ui-tabs-selected {
    background:#b0dc28;
    margin-bottom: 0;
    padding-bottom: 0;
    color:#000000;
}
#item_level_tabs li.ui-tabs-selected span {
    color:#000000;
}
#item_level_tabs ul.ui-tabs {
    margin:none;
    padding:0;
}
#item_level_tabs ul.ui-tabs-nav {
    margin:none;
    padding:0;
}

#item_level_tabs ul.ui-widget-header {
    background:#999999;
    border:none;
}
#item_level_tabs ul.ui-corner-all {
    -moz-border-radius:0;
}
#item_level_tabs.ui-corner-all {
    -moz-border-radius:0;
}

.ui-tabs {
    padding:0;
}
/* LayoutUI CSS Stuff */
/* Using an 'layout_container' instead of 'body', so need body to have a 'height' */

html, body {
	width:		100%;
	height:		100%;
	padding:	0;
	margin:		0;
	overflow:	hidden !important;
}

#layout_container {
	width:			100%;
	height:			100%;
}
.ui-layout-center { 
    height: 100%;
    overflow: hidden; 
}

.ui-layout-resizer-north {
    background-color:#000000;
}
.ui-layout-resizer-west {
    background-color:#999999;
}


/* Scroll Styles */
.scroll-pane {
    /* width: 100%; */
    height: 100%;
    overflow: auto;
}
.horizontal-only {
    height: auto;
    max-height: 100%;
}


