/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #e8f0f4;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #d8e0e4;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #b8c0c4;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #e8f4f0;
}

.calendar tbody .rowhilite td {
  background: #d8e4e0;
}

.calendar tbody .rowhilite td.wn {
  background: #c8d4d0;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
  background: #d8e0e4;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #e8f0f4;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d8e0e4;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d8e0e4;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #c8d0d4;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #aef;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

/****h* styles/clipdealer
 * NAME
 *      clipdealer.css
 * FUNCTION
 *      stylesheet for screen
 * COPYRIGHT
 *      copyright (c) 2007 by ClipDealer GmbH
 ****
 */
html {
    min-height: 100%; 
    margin-bottom: 1px;
}
body {
    font: 11px Arial, Helvetica, sans-serif; 
    color: #535353; 
    margin: 0 auto;
    background-color: #FFFFFF;
    margin-top: 10px;
    width: 971px;
}
a:link, a:visited, a:active {color: #535353;}
form {
    margin: 0;
    padding: 0;
}

#globalcontainer {
    text-align: left;
    width: 971px;
}
.bold {
    font-weight: bold;
}
h2 {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    margin-bottom: 20px;
}
.h3, h3 {
    font: 13px Arial, Helvetica, sans-serif; 
    font-weight: bold;
}
.h4 {
    font: 11px Arial, Helvetica, sans-serif; 
}
.boxfull {
    width: 760px;
    float: left;
}
ul#payment {
    margin: 0px; 
    margin-left: 10px;
    list-style-type: none; 
}
ul#payment li {
    margin-top: 8px;
}
/****
 *     header
 ****
 */
.login {
    color: #9B9B9B;
}
#header {
    height: 98px;
}
#headerlogo {
    padding-left: 10px;
    float: left;
}
#login {
    float: right;
}
#loginuser, #loginpasswd {
    width: 150px;
    float: left;
}
#loggedin {
    width: 450px;
    float: left;
}
.username {
    font-size: 13px;
    line-height: 26px;
    vertical-align: top;
}
#loginbutton{
    width: 90px;
    float: left;
    padding-top: 13px;
}
.loginfield {
    border: 1px solid #D6D6D6;
    font-size: 10px;
    color: #535353; 
    width: 140px;
}
ul#loginnav {
    clear: left; 
    list-style-type: none; 
    margin: 0px; 
    padding: 0px; 
}
ul#loginnav li { 
    display: block; 
    float: left; 
}
ul#loginnav li span { 
    display: block;
    width: 150px; 
}
ul#loginnav li a { 
    display: block;
    text-decoration: none;
    color: #808080;
    padding-left: 18px;
    border: 0;
    list-style-position: inside;    
    background: url(/resources/icons/arrow_link.gif) left center no-repeat;
}

/****
 *     Footer
 ****
 */
#footer { 
    margin-top: 40px;   
    padding: 15px;
    width: 941px;    
    background: url(/resources/images/footer.jpg) repeat-x;
    float: left;
}
#footer h2 {
    margin: 0px;
    font-size: 12px;
}
#footer ul {
    clear: left; 
    list-style-type: none; 
    margin: 0px; 
    padding: 0px; 
}
#footer ul li{
    display: block; 
    float: left; 
    width: 185px;
}
#footer ul li ul {
    clear: left; 
    list-style-type: none; 
    margin: 0px; 
    line-height: 13px;
}
#footer ul li ul li a { 
    display: block;
    text-decoration: none;
    color: #808080;
    padding-left: 14px;
    border: 0;
    background: url(/resources/icons/arrow_footer.gif) left center no-repeat;
}
/****
 * FUNCTION
 *      navigation bar
 ****
 */
#navbuttons div {
    float: left;
    width: 92px;
    height: 27px;
    cursor: pointer;
    text-align: center;
    line-height: 27px;
}
#navbuttons div a {
    color: #fff;
    font-family: Arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.navbar a {
    color: #fff;
    text-decoration: none;
}
#navbuttons #navtab0, #navbuttons #navtab1, #navbuttons #navtab2, #navbuttons #navtab3, #navbuttons #navtab4, #navbuttons #navtab4 {
    background: url(/resources/images/navbutton_tab.gif) left top no-repeat;
    border-right: 1px solid #fff;
}
#navbuttons #navtab0.activated, #navbuttons #navtab1.activated, #navbuttons #navtab2.activated, #navbuttons #navtab3.activated, #navbuttons #navtab4.activated {
    background: url(/resources/images/navbutton_tab_hl.gif) left top no-repeat;
    border-right: 1px solid #fff;
}
#navbuttons div.activated a {
    color: #234c95;
}
#navpanel {
    margin: 0 0 20px;    
}
#navpanel #advancedsearch {
    margin: 1px 0 0;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    background-color: #eee;
    height: 200px;
}
#navbar {
    height: 44px;
    background: url(/resources/images/navbar_header.jpg) left top no-repeat;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin 0;
}
#navbar a:link {
    color: #fff;
}
#navbar div {
    height: 44px;
    line-height: 44px;
    float: left;
    border-left: 1px solid #bcbcbc;
    border-right: 1px solid #fff;   
    cursor: pointer;
    text-align: center;
}
#navbar div p {
    line-height: normal;
    margin-top: 7px;
}
#navbar div .form {
    line-height: 27px;
}
#navbar div .form input {
    vertical-align: middle;
    margin-left: 10px;
}
#navbar div .form a {
    background: url(/resources/icons/arrow_search.gif) left center no-repeat;
    padding-left: 15px;
    margin-left: 10px;
}
#navbar div.first {
    width: 443px;
    border-left: 0px;
    cursor: default;
    text-align: left;
}
* html #navbar div.first {
    margin-top: 10px;
    margin-bottom: -10px;
}
#navbar div.basket {
    width: 195px;
    background: url(/resources/icons/new_basket.gif) 20px center no-repeat;
}
#navbar div.basket p {
    padding-left: 20px;
}
#navbar div.lightbox {
    width: 195px;
}
#navbar div.last {
    width: 132px;
    border-right: 0px;
}

/****
 * FUNCTION
 *      search
 ****
 */
#search {
    padding-left: 13px;
    padding-top: 11px;
    float: left;
}
#searchbutton {
    padding-left: 13px;
    padding-top: 12px;
    float: left;
}
#extendedsearch {
    padding-left: 13px;
    padding-top: 14px;
    float: left;
    margin-left: 5px;
    margin-right: 35px;
}
.searchform {
    border: 1px solid #D6D6D6;
    font-size: 14px;
    color: #535353; 
    width: 180px;
}

/****
 * FUNCTION
 *      category
 ****
 */
#category {
    margin-top: 0px; 
    margin-right: 19px;
    width: 191px;
    float: left;
}
* html #category {
    margin-right: 5px;
}
#category .item {
    margin-bottom: 20px;
}
#category .item h2 {
    background: url(/resources/images/categorybar_header.jpg) left top no-repeat;
    width: 191px;
    height: 29px;
    line-height: 29px;
    padding-left: 12px;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 5px;
}
#category .item ul {
    clear: left; 
    list-style-type: none; 
    margin: 0; 
    padding: 0 0 0 12px; 
    line-height: 18px;
}
* html #category .item ul {
    line-height: 10px;
}
#category .item ul li a { 
    display: block;
    text-decoration: none;
    color: #808080;
    padding-left: 14px;
    border: 0;
    background: url(/resources/icons/arrow_category.gif) left center no-repeat;
}

/****
 * NAME
 *      tagcloud
 * FUNCTION
 *      tag cloud
 ****
 */
.tagcloud {
    font-size: 90%;
}
.tagcloud .weight0, .tagcloud .weight1 {
    color: #7777ff;
}
.tagcloud .weight2 {
    color: #6666ff;
}
.tagcloud .weight3 {
    color: #5555ff;
}
.tagcloud .weight4 {
    color: #4444ff;
}
.tagcloud .weight5 {
    color: #3333ff;
}
.tagcloud .weight6 {
    color: #2222ff;
}
.tagcloud .weight7 {
    color: #1111ff;
}
.tagcloud .weight8 {
    color: #0000ff;
}
.tagcloud .weight9 {
    font-size: 100%;
    color: #0000ff;
}
.tagcloud .weight10 {
    font-size: 110%;
    color: #0000ff;
}

/****
 * NAME
 *      widget
 * FUNCTION
 *      widget
 ****
 */
 
.widgetCreateLink {
    position:absolute;
    left:50%;
    margin-left:330px;
    cursor:pointer;
}

#widgetCreate {
    position:absolute;
    top:0;
    left:0;
    visibility:hidden;
}

#widgetCreateOptions h2, #widgetCreateSnippet h2 {
    color:#535353;
}

#widgetCreateOptions label {
    display:block;
    width:140px;
    float:left;
}

#widgetCreateOptions ul {
    margin:0;
    padding:0;
    list-style:none;
}

#widgetCreateOptions li {
    padding:3px;
} 

#widgetCreateOptions .formbutton {
    margin-top:20px;
    margin-bottom:20px;
}

#widget_snippet {
    width:400px !important;
    height:190px !important;
    border:1px solid #cccccc;
    font-size:11px;
    color:#333333;
    display:block;
    margin-bottom:10px;
}

#widget_bg_wrapper {
    position:absolute;
    top:180px;
    left:0;
    margin-left:180px;
}

#widgetCreatePreview .formbutton {
    margin-bottom:10px;
}

#widgetCreateSnippet .error {
    color:#ff0000;
}

 /****
  *      prototype based colorpicker
  ****
  */
.colorpickerControl {
    border: 1px solid gray;
    background-color: #EEEEEE;
    padding: 3px;
    z-index:10000;
}
  
.colorpickerControl input {
    font-size: 8pt;
}



/****
 *      content homepage
 ****
 */
#content {
    width: 760px;
    float: left;
    margin: 0;
}
.homecontentleft {
    width: 495px;
    float: left;
}
.homecontentright {
    margin-left: 10px;
    width: 240px;
    float: left;
}
#breadcrump {
    width: 760px;
    height: 25px;
    background: url(/resources/images/breadcrump.jpg) left center no-repeat;
    margin-bottom: 20px;
    margin-top: 2px;
}
.breadcrump {
    padding-left: 5px;
    line-height: 25px;
}
.homepricingbgrightfull {
    background: url(/resources/images/bg_videospricing.jpg) left center no-repeat;
}
.homepricingphotobgrightfull {
    background: url(/resources/images/bg_photospricing.jpg) left center no-repeat;
}
.homepricingbg {
    text-align: left;
    width: 110px;
}
.homepricingbgright {
    text-align: right;
    width: 135px;
}
.homepricinghead {
    font-size: 12px;
    padding-left: 5px;
    line-height: 17px;
}
.homepricingsize {
    font-size: 9px;
}
.homepricingprice {
    font-size: 12px;
}

/****
 * FUNCTION
 *      box
 ****
 */
.box {
    margin: 0 0 14px;
}
.box .content {
    border: 1px solid #e6e6e6;
    border-top: 0px;
    padding: 5px;
}
.box .content p {
    margin: 3px;
}
.box h2 {
    height: 27px;
    line-height: 27px;
    padding: 0 0 0 10px;
    margin: 0;
    overflow: hidden;
    font-size: 14px;
    font-weight: normal;
    color: #6e6e6e;
}
.box h3 {
    margin: 3px;
}

.box ul{
    padding: 0px;
    margin: 0px;
}

.boxTotal {
    float: left;
    width: 760px;
}
.boxError {
    float: left;
    width: 971px;
}
.boxTotal h2, .boxError h2 {
    background: url(/resources/images/boxTotal.jpg) top center no-repeat;
}
.boxError h2 {
    background: url(/resources/images/boxError.jpg) top center no-repeat;
}
.boxCenterColumn {
    float: left;
    width: 497px;
}
.boxCenterColumn h2 {
    background: url(/resources/images/boxCenterColumn.jpg) top center no-repeat;
}
.boxRightColumn {
    float: left;
    width: 247px;
    margin-left: 16px;
}
* html .boxRightColumn {
    margin-left: 10px;
}
.boxRightColumn h2 {
    background: url(/resources/images/boxRightColumn.jpg) top center no-repeat;
}

div.box.errors ul {
    padding-left: 25px;
}
div.box.messages ul {
    padding-left: 25px;
}

/****
 * FUNCTION
 *      messages and errors
 ****
 */
.box.messages, .box.errors {
    border: 1px solid #000;
    padding: 5px;
    font-weight: bold;
}
.box.messages h2, .box.errors h2, .box.messages ul, .box.errors ul {
    margin: 0;
}
.box.messages {
    border-color: #ff8800;
    background-color: #ffddaa;
}
.box.errors {
    border-color: #ff0000;
    background-color: #ffcccc;
}

/****
 * FUNCTION
 *      thumbnail
 ****
 */
.thumbnailContainer {
    position: relative;
    width: 180px;
    height: 284px;
    float: left;
    /*margin: 0 18px 5px 0;*/
    /*padding: 2px;*/
    border: 0px solid #F6F6F6;
}
.thumbnailContainer .thumbbox {
    width: 156px; 
    border: 1px solid #F6F6F6; 
    padding: 2px; 
    float: left; 
    height: 100%
}
.thumbnailContainerHome {
    position: relative;
    width: 156px;
    height: 284px;
    float: left;
    margin: 0 2px 5px 0;
    padding: 2px;
}
* html .thumbnailContainer {
    margin: 0 0 10px;
}
.thumbnail-x2 {
    width: 350px;
}
.thumbnailIcons {
    position: absolute;
    width: 156px;
    bottom: 0px;
    margin-bottom: 2px;
}
.thumbnail.last, .thumbnailContainerHome {
    margin-right: 0;
}
.thumbnail.last {
/*    clear: both; 
    background-color: #ff0;  */
}
.thumbnail {
    border: 1px solid #F6F6F6; 
    padding: 2px;
    margin: auto;
    margin-bottom: 6px;
 	width: 150px;
 	height: 150px;
}
.tabContent img.thumbnail {
    float: left;
    margin-right: 15px;
}
.thumbnailContainer h3, .thumbnailContainerHome h3 {
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    font-weight: normal;
}
.thumbnailContainer p, .thumbnailContainerHome p {
    margin: 3px 0 0;
}
.box .content .thumbnailContainerHome p {
    margin: 3px 0 0;
}

/****
 * FUNCTION
 */
.addresslabel {
    border-right:       1px solid #aaa;
    border-bottom:      1px solid #aaa;
    background-color:   #fff;
    width:              250px;
    float:              left;
    padding:            5px;
}
.addresslabel h3 {
    margin:             0;
    font-size:          1em;
}

/****
 * FUNCTION
 *      homepage news
 ****
 */
.newsdate {
    font-size: 9px;
}
.content h1 {
    margin: 0px;
    margin-bottom: 5px;
    font-size: 13px;
}

/****
 * FUNCTION
 *      details
 ****
 */
#content h1 {
    font-size: 16px;
    margin-top: 5px;
}
#player {
    width: 410px;
    float: left;
}
#basket {
    margin-top: 15px;
}
.row1 {
    background-color: #F0F0EE;
}
.boxClipInfos {
    float: left;
    width: 348px;
}
.box .headline ul {
    margin: 0;
    padding: 0;
    height: 27px;
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    border-bottom: 1px solid #CECECE;
    background-color: #fff;    
}
.box .headline ul li {
    width: 114px;
    height: 28px;
    cursor: pointer;
    float: left;
    text-align: center;
    background: url(/resources/images/boxTabs.jpg) 0px -28px no-repeat;
}
.box .headline ul li p {
    font-size: 12px;
    padding-top: 6px;
    margin: 0px;
}
.box .headline ul li p a{
    text-decoration: none;
}
.box .headline ul .activeTab {
    background-position: 0px 0px;
}
.clipinfos {
    border: 1px solid #e6e6e6;
    border-top: 0px;
    padding: 8px;
    margin: 0px;
    background-color: #FAFAFA;
}
.clipinfos .tabContent {
    display: none;
}
.clipinfos .activeTab {
    display: block;
}
.clipinfos .item {
    margin-bottom: 10px;
}
.clipinfos .item h2 {
    line-height: 29px;
    margin: 0px;
    padding: 0px;
    font-size: 15px;
    color: #A1A1A1;
}
.warenkorb_img {
    height: 18px;
    margin-right: 2px;
    vertical-align: top;
}
.warenkorb_button {
    border:1px solid #d9d9db;
    vertical-align: top;
    background-color: #fff;
    color: #6C8B28;
    font-size: 10px;
    cursor: pointer;
    width:125px;
    height: 18px;
}

/****
 * FUNCTION
 *      registration
 ****
 */
.userinfos {
    width: 734px;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #E6E6E6;
}
.userinfos legend {
    padding: 4px;
    border: 1px solid #E6E6E6;
    border-right-width: 1px;
    border-bottom-width: 1px;
    margin-bottom: 4px;
    font-size: 12px;
    color: #818181;
}
.registrationform {
    width: 148px;
    line-height: 28px;
    display: block;
    float: left;
 }
.registrationfield {
    border: 1px solid #D6D6D6;
    font-size: 10px;
    color: #535353; 
    width: 200px;
}
.userinfos br, .boxHalf br, .userprofile br, .userprofileinfos br, .userprofileinfosright br {
    clear: left;
}
.formbutton {
    border:1px solid #d9d9db;
    vertical-align: top;
    background-color: #fff;
    color: #6C8B28;
    font-size: 10px;
    cursor: pointer;
    width: 120px;
    height: 20px;
}

/****
 * FUNCTION
 *      upload
 ****
 */
 .uploadbutton {
    margin-top: 15px;
    margin-bottom: 20px;
    border:1px solid #d9d9db;
    vertical-align: top;
    background-color: #fff;
    color: #6C8B28;
    font-size: 10px;
    cursor: pointer;
    width: 120px;
    height: 20px;
}
#content_progress_bar {
    width: 300px; 
    border: 1px solid #D9D9DB; 
    color: #000; 
    line-height: 30px; 
    text-align: center; 
    background: url(/resources/images/progressBar.jpg) -300px 0 no-repeat;
    margin-bottom: 8px;
}
/****
 * FUNCTION
 *      basket
 ****
 */
.boxQuarter, .boxQuarterEnd {
    background-color: #EFEFED;
}
.boxQuarter, .boxQuarterActive {
    float: left;
    width: 170px;
    height: 60px;
    padding: 5px;
    margin-right: 10px;
    border: 1px solid #E6E6E6;
}
.boxQuarterEnd {
    float: left;
    width: 170px;
    height: 60px;
    padding: 5px;
    border: 1px solid #E6E6E6;
}
#creditcardlogos {
    float: right;
    padding-right: 300px;   
}
/****
 * NAME
 *      stepitem
 * FUNCTION
 *      stepitem styles for basket
 ****
 */
.stepItems ul {
    padding: 0px;
    margin: 0px;
    margin: 0;
}
.stepItems ul li {
    font-size: 11px;
    list-style: none;
    float: left;
    border: 1px solid #e6e6e6;
    width: 170px;
    height: 60px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px;
    line-height: normal;
    margin-bottom: 10px;
}
.stepItems a {
    color: #535353;
    text-decoration: none;
}
.stepItems .last {
    margin-right: 0;
}
.stepItems .headline {
    font-size: 12px;
    font-weight: bold;
}
.stepItems .headline strong {
    font-size: 25px;
    margin-left: 4px;
}
.stepItems ul li p {
    margin: 0;    
}
.stepItems ul li.highlight .headline {
    color: #a9ca5f;    
}
.stepItems ul li.disabled {
    background-color: #efefed;
} 

/****
 * NAME
 *      basketcontents
 * FUNCTION
 *      contents for basket
 ****
 */
.basketcontents {
    width: 760px;
    float: left;
    cellpadding: 10px;
    border: 1px solid #E6E6E6;
    line-height: 125%;
}
.basketcontents td {
    vertical-align: top;
}
.basketcontents td.price {
    text-align: right;
}
.basketcontents .headitem {
    font-size: 15px;
}
.basketcontents hr {
    color: #fff;
    border: 0px;
    border-top: 1px solid #E6E6E6;
}
.basketcontents p {
    margin-top: 0;
}
.basketcontents .sumtitle {
    text-align: right;
    padding-right: 10px;
}


.default_nextlinecontainer {
    vertical-align: middle;
    margin-top: 18px;
    border: 1px solid #E6E6E6;
    color: #677787;
    background-color: #EFEFED;
    text-align: right;
    height: 29px;
    padding: 3px;
    float: left;
    width: 754px;
}
.default_nextbutton {
    width: 222 px;
    height: 25px;
    background-color: #A9CA5F;
    color: #FFF;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    margin-right: 10px;
}
.boxHalf {
    width: 362px;
    margin-right: 10px;
    border: 1px solid #E6E6E6;
    float: left;
    padding: 5px;
    height: 120px;
    margin-bottom: 20px;
}
.boxHalfEnd {
    width: 362px;
    border: 1px solid #E6E6E6;
    float: left;
    padding: 5px;
    height: 120px;
}
.boxHalf h2, .boxHalfEnd h2 {
    font-size: 14px;
    font-weight: normal;
    color: #6e6e6e;
    margin-bottom: 12px;
}
.paymentform {
    width: 100px;
    line-height: 24px;
    display: block;
    float: left;
    margin-left: 24px;
 }
 .kkinfo {
    font-size: 9px;
    color: #818181;  
    margin-left: 124px;
 }
/****
 * NAME
 *      Profile
 ****
 */
.boxProfile {
    float: left;
    width: 760px;
}
.userprofile {
    width: 714px;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #E6E6E6;
    line-height: 20px;
}
.userprofile p {
    display: block;
    clear: left;
    margin: 0 0 5px;
}
.profileimageinfos {
    float: left;
    width: 220px;
    margin-top: 22px;
}
.userprofileinfosright {
    width: 476px;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #E6E6E6;
    float: left;
    margin-left: 15px;
    line-height: 20px;
}
.userprofileinfos {
    width: 190px;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #E6E6E6;
    float: left;
    line-height: 16px;
}
.userprofileimage {
    width: 220px;
    border: 0px;
    float: left;
}
.userprofile legend, .userprofileinfos legend, .userprofileinfosright legend {
    padding: 4px;
    border: 1px solid #E6E6E6;
    border-right-width: 1px;
    border-bottom-width: 1px;
    font-size: 12px;
    color: #818181;
}
.ordercontents {
    width: 710px;
    float: left;
    cellpadding: 8px;
    line-height: 125%;
}
.ordercontents td {
    vertical-align: top;
}
.ordercontents .headitem {
    font-size: 13px;
}
.userprofileform {
    width: 102px;
    display: block;
    float: left;
    font-weight: bold;
 }
.userprofileform2 {
    width: 350px;
    line-height: 14px;
    display: block;
    float: left;
 }
/****
 * NAME
 *      Searchresults
 ****
 */
.searchresults {
    padding: 8px;
    margin: 0px;
    border: 1px solid #e6e6e6;
    border-top: 0px;
    float: left;
    width: 742px;
}
.searchresults .tabContent {
    display: none;
}
.searchresults .activeTab {
    display: block;
}
.searchresults .item {
    margin-bottom: 10px;
}
.searchresults .item h2 {
    line-height: 29px;
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px;
    font-size: 15px;
    color: #A1A1A1;
}

/****
 * NAME
 *      Sort & Pager
 ****
 */
 .setperpageselect {
    font-size: 11px;
 }
.gobutton {
    border:1px solid #d9d9db;
    vertical-align: top;
    background-color: #A9CA5F;
    color: #FFF;
    font-size: 10px;
    cursor: pointer;
    width: 40px;
    height: 20px;
}
.paging {
    margin-bottom: 15px; 
    margin-top: 15px; 
    font-size: 12px;
    color: #535353;
}
.top {
    margin-bottom: 20px;
}
.bottom {
    margin-top: 15px;
}
.paging .prev { 
    padding: 2px 5px; 
    border: solid 1px #E6E6E6;
    background: #fff; 
    color: #535353;
}
.paging .next { 
    padding: 2px 5px; 
    border: solid 1px #E6E6E6;
    background: #fff; 
    color: #535353;
}
.paging .inactive {
    padding: 2px 5px; 
    border: solid 1px #E6E6E6;
    background: #fff; 
    color: #ccc;
}
.paging a { 
    padding: 2px 5px; 
    border: solid 1px #E6E6E6;
    background: #fff; 
    text-decoration: none; 
    color: #535353;
}
.paging a:hover {
    color: #fff; 
    background: #A9CA5F; 
    border-color: #E6E6E6;
    text-decoration: none;
}
.paging .active {
    padding: 2px 6px; 
    font-weight: bold; 
    font-size: 14px; 
    color: #A9CA5F; 
}

.button {
    border:1px solid #d9d9db;
    vertical-align: top;
    background-color: #A9CA5F;
    color: #FFF;
    font-size: 11px;
    cursor: pointer;
    height: 20px;
}

/****
 * NAME
 *      Admin
 ****
 */

.thumbnailupload {
    width: 156px;
    height: 110px;
    float: left;
    margin: 0 18px 10px 0;
    padding: 4px;
    border: 1px solid #F6F6F6;
}

/****
 *
 */
.tabContent .x1 {
    float: left;
    width: 240px;
    margin-right: 11px;    
}
.tabContent .x2 {
    float: left;
    width: 490px;
    margin-right: 10px;    
}
.tabContent .x3 {
    float: left;
    width: 740px;
    margin-right: 10px;    
}
.tabContent .x3 label {
    margin-left:40px;
}
.tabContent .last {
    clear: right;
    margin-right: 0;
}
.tabContent .buttonbar {
    border-top: 1px solid #aaa;
    padding-top: 10px;
    text-align: right;
}
.tabContent .buttonbar input {
    width: 100px;
    margin-left: 10px;
}
.tabContent .buttonbar .leftalign {
    float: left;
    margin-left: 0;
}

.tabContent .item input[type="text"] {
    width: 300px;
}
.tabContent .item input {
    width: expression(this.type=='text'?'300':'');
}
.tabContent .item textarea {
    width: 500px;
    height: 100px;
}

/****
 ****
 */

/****
 ****
 */
.fieldset {
    margin-bottom:      10px;
    line-height:        25px;
    background-color:   #fff;
    border:             1px solid #bbb;
}
.fieldset h2 {
    font-size: 1.1em;
    font-weight: bold;
    color: #000;
}
.fieldset br {
    clear: both;
}
.fieldset .separator {
    border-top: 1px solid #aaa;
    margin-top: 5px;
    padding-top: 5px;
    display: block;
}
.fieldset hr {
    color: #fff;
    border: 0px;
    border-top: 1px solid #E6E6E6;
}
.fieldset p {
    margin: 0px;
    padding: 10px;
}
.fieldset label {
    width: 150px;
/*    display: block; */
    float: left;
    font-weight: bold;    
}
.fieldset .listitem {
    margin: 5px;
}

/****
 * VOTING TOOL
 */
#voting_container {
    position: relative;
    width:    170px;
    height:   17px;
    background-color: #ccc;
}
#voting_indicator {
    position: absolute;
    top:      0px;
    left:     0px;
    height:   17px;
    width:    170px;
}
#voting_stars {
    position: relative;
    height:   17px;
    width:    170px;
}
#voting_stars .star {
    width: 17px;
    height: 17px;
    float: left;
    background: url(/resources/icons/star.png);
}

.status_error {
    color: #aa0000;
}
.status_success {
    color: #00aa00;
}
.status_process {
    color: #aaaa00;
}

.expander {
    background-color: #fff;
    border: 1px solid #aaa;
    margin: 2px 0; 
    padding: 5px;     
}
.expander_closed {
    font-weight: bold;
    background: url(/resources/icons/expander_closed.gif) no-repeat center left;
    padding-left: 12px;
}
.expander_opened {
    font-weight: bold;
    background: url(/resources/icons/expander_opened.gif) no-repeat center left;
    padding-left: 12px;
}

.tagtool_tagholder, .tagtool_selectedtagholder {
    float: left;
    margin: 2px;
    background-color: #ddd;
}
.tagtool_selectedtagholder {
    background-color: #aaa;
}
.tagtool_tag {
    display: block;
    float: left;
    height: 18px;
    line-height: 18px;
    text-decoration: none;
}
.tagtool_icon {
    border: 0;
}

.button_de {
    background: url(/resources/flags/de.png) no-repeat center left;
    padding-left: 20px;
    text-decoration: none;
}
.button_en {
    background: url(/resources/flags/en.png) no-repeat center left;
    padding-left: 20px;
    text-decoration: none;
}

/**** TAGTOOL ****/
.media_keywords_display {
    border: 1px solid #ccc;
    background-color: #eee;
    min-height: 100px;
    width: 300px;
}
#media_keywords_tagtool {
    background-color: #fff;
    width: 160px;
}

#tagtool_scrollable_panel {
    border: 1px inset #000;
}
#tagtool_scrollable_panel-down {
    background-color: #ddd;
    border: 1px outset #000;
    margin-bottom: 5px;
}
#tagtool_scrollable_panel-up {
    background-color: #ddd;
    border: 1px outset #000;
    margin-top: 5px;
}
.tagtool_scrollable_button {
    text-align: center;
    padding: 2px;
}

.tagtool_dialog {
    float: right;
    width: 175px;
}
.tagtool_output {
    min-height: 100px;
    width: 300px;
}

/****/
.prevplayer {
    border: 1px solid #000;
    padding: 1px;
    background-color: #fff;
}

/****/
.boxRightColumn label {
    width: 80px;
    line-height: 24px;
}
.boxRightColumn .input {
    width: 140px;
}
.boxRightColumn form br {
    clear: both;
}

/*** search dialog styles ***/
#advancedsrc .roundedbox {
   background: #70a9d6;
}
#advancedsrc .roundedtop div {
   background: url(/resources/corners/blue_tl.png) no-repeat top left;
}
#advancedsrc .roundedtop {
   background: url(/resources/corners/blue_tr.png) no-repeat top right;
}
#advancedsrc .roundedbottom div {
   background: url(/resources/corners/blue_bl.png) no-repeat bottom left;
}
#advancedsrc .roundedbottom {
   background: url(/resources/corners/blue_br.png) no-repeat bottom right;
}

#advancedsrc .roundedtop div, #advancedsrc .roundedtop, #advancedsrc .roundedbottom div, #advancedsrc .roundedbottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
#advancedsrc {
    margin-top: 1px;
}
#advancedsrc .ltk_dialog { 
    margin: 0 10px; 
}
#advancedsrc p {
    text-align: center;
    margin: 0;
}
#advancedsrc a {
    background: url(/resources/icons/arrow_small_up.png) left center no-repeat;
    padding-left: 20px;
    margin-left: 11px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
#advancedsrc td {
    vertical-align: top;
}
#advancedsrc .ltk_checklist {
    margin-bottom: 5px;
    line-height: 15px;
}
#advancedsrc input {
    margin: 0 5px 0 0;
}
#advancedsrc label {
    color: #fff;
    margin: 0;
}
#advancedsrc label.hl {
    font-size: 1.2em;
}

.suggest {
    font-style: italic;
    font-size: 1.2em;
}
.suggest span {
    color: #aa0000;
    font-weight: bold;
}

/****
 * NAME
 *      Similar Clips
 ****
 */
.nextBtn {
    padding: 2px 5px; 
    border: solid 1px #E6E6E6;
    background: #fff; 
    color: #535353;
    font-size:13px;
    text-decoration: none;
    margin-left:548px;
}
.prevBtn { 
    padding: 2px 5px; 
    border: solid 1px #E6E6E6;
    background: #fff; 
    color: #535353;
    font-size:13px;
    text-decoration: none;
}
.more a:hover { 
    color: #fff; 
    background: #A9CA5F; 
    border-color: #E6E6E6;
    text-decoration: none;
}
/****
 * NAME
 *      Releases
 ****
 */
.editBtn{
	margin:0px;
	padding: 2px 5px; 
    border: solid 1px #A9CA5F;
    background: #FFFFFF; 
    font-size:12px;
    text-decoration: none;
}
.releaseList{
	border:1px solid #E6E6E6;
	margin:10px 0px 0px 0px;  
	list-style:none; 
	padding:0px 8px 10px 0px; 
	background:#FFFFFF	
}
.releaseList a:hover { 
    color: #FFFFFF; 
    background: #A9CA5F; 
    border-color: #E6E6E6;
    text-decoration: none;
}
.releaseList span {
	margin:0px;
	padding:5px 0px 0px 0px;
}
.releaseList input {
	float: right;
}
.releaseList p {
	margin:0px;
	padding:5px;
}
#releaseType{
	margin-top:20px;
	width:220px;
	border:0px solid red;	
}
#releaseType a:hover{
	color: #FFFFFF; 
    background: #A9CA5F; 
    border-color: #E6E6E6;
    text-decoration: none;
}

#releaseOutBox{
	width:360px;
	height:100%; 
	margin:10px 0px 0px 380px; 
	border:1px solid #E6E6E6;
	background-color:#FFFFFF;	
}
#releaseOutBox p{
	margin:10px;
	padding:0px;
	display:block;
	font: 11px Arial, Helvetica, sans-serif;	
}
#releaseOutBox h3{
	margin:10px;
	font: 14px Arial, Helvetica, sans-serif; 
    font-weight: bold;	
}
#releaseOutBox p {
    margin: 0px;
    padding: 10px;
}
#releaseOutBox label {
    width: 150px;
    float: left;
    font-weight: bold; 
    padding:0px;
    margin:0px;   
}
#releaseOutBox br {
	margin-top:5px;
	margin-bottom:5px;
    clear: none;
}
#releaseOutBox .separator {
    border-top: 1px solid #aaa;
    margin: 5px;
    padding:0px;
    display: block;
}
#edit input{
	margin:5px;
	width:100px;
}
#edit .btn{
	margin-left:125px;
}
/****
 * NAME
 *      Pre FrontPage
 ****
 */
.pre_content_box_left{ float:left; margin:8px 0px 0px 8px; width:715px; } 
.pre_box_right{ float:right; margin:18px 8px 0px 0px; padding:0px;  width:225px; }
.pre_box_right_ico{ float:left; }
.pre_box_right_txt{ margin:28px 0px 0px 15px; padding:0px; float:left; width:130px; font-size:15px; }
.pre_box_right img:hover{ filter:alpha(opacity=70); opacity: 0.7; -moz-opacity:0.7; }

/****
 * NAME
 *      simplicity
 ****
 */
.simplicity_title {
    float: left; 
    margin: 35px 0px 30px 8px;
}
.simplicity_title h3 {
    font-size: 22px; 
    color: #79add6;
}
.simplicity_box {
    float: right;
    margin-top: 0px; 
    width: 230px; 
    position: relative; 
}
.simplicity_box ul {
    list-style-type:square; 
    color: gray; 
    padding: 0px 0px 0px 15px;
    margin: 0px;
}
.simplicity_box p {
    margin:0px;
    padding: 0px;
    font-size: 14px; 
    color: #000;
    line-height: 20px;
}
.simplicity_box a {
    text-decoration: none;
    color: #79add6;
}
.simplicity_payment {
    padding-right: 10px;
    position: absolute; 
    bottom: 0px; 
    right: 0px;
}

#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position: absolute;
	top: 0;
	border: 0 solid;
	text-align: left;
	z-index: 10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position: relative;
	background-color: #FFFFFF;
	height: 100%;
}

#MB_header {
	margin: 0;
	padding: 0;
}

#MB_content {
	padding: 6px .75em;
	overflow: auto;
}

#MB_caption {
	font: bold 100% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em .5em .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display: block;
	position: absolute;
	right: 5px; top: 4px;
	padding: 2px 3px;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}
#MB_close:hover {
	background: transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(/resources/images/ajax-loader.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_frame {
	padding-bottom: 7px;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_window {
	background-color: #EFEFEF;
	color: #000;
	-webkit-box-shadow: 0 8px 64px #000; 
	-moz-box-shadow: 0 0 64px #000; 
	box-shadow: 0 0 64px #000;
	
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color: #A9CA5F;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color: #fff }
#MB_close { color: #fff }
#MB_close:hover { color: #000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}
/****h* styles/ltk
 * NAME
 *      ltk
 * FUNCTION
 *      lima toolkit (LTK) styles
 * COPYRIGHT
 *      copyright (c) 2008 by Harald Lapp
 * AUTHOR
 *      Harald Lapp <harald.lapp@gmail.com>
 ****
 */

/****c* ltk/ltk_dialog
 * SYNOPSIS
 */
.ltk_dialog {
    position:   relative;
    background: #ddd;
}
/*
 * FUNCTION
 *      dialog styles
 ****
 */

/* generic element styles */
.ltk_dialog p {
    text-align: justify;
    margin:     2px 2px 10px;
}
.ltk_dialog label {
    display: block;
    margin: 2px;
}
.ltk_dialog input[type=text] {
    display: block;
    width:   99%;
    margin:  2px;
}
.ltk_dialog input[type=submit] {
    display: block;
    width:   99%;
    margin:  2px;
}
.ltk_dialog input[type=button] {
    display: block;
    width:   99%;
    margin:  2px;
}
 
/* rounded corners */
div.ltk_corner div {
    height: 1px;
    overflow: hidden;
}
.ltk_rounded {
}
.ltk_box {
    border:           1px solid #ccc;
    background-color: #eee;
}

/* lima toolkit caption */
.ltk_caption {
    font-weight: bold;
    margin: 2px;
}
.ltk_box {
    border: 1px solid #aaa;
    padding: 2px;
    margin: 2px;
}

/* ltk collapsible */
.ltk_collapsible_tab {
    display: block;
    border-bottom: 1px solid #ddd;
    line-height: 20px;
    cursor: pointer;
    background: url(/resources/ltk/list_item_back.png) left center;
    font-weight: bold;
}
.ltk_collapsible_tab a {
    display: block;
    line-height: 20px;
    cursor: pointer;
    margin-left: 5px;
    padding-left: 15px;
    font-weight: bold;
}
.ltk_collapsible_tab input, .ltk_collapsible_tab label {
    display: inline;
    width: auto;
}
.ltk_collapsible_tab_expanded {
    background: url(/resources/ltk/collapsible_expanded.gif) left center no-repeat;
}
.ltk_collapsible_tab_collapsed {
    background: url(/resources/ltk/collapsible_collapsed.gif) left center no-repeat;
}

/* lima toolkit list element */
.ltk_list {
    background: #fff;
}
.ltk_list_item {
    display: block;
    border-bottom: 1px solid #ddd;
    line-height: 20px;
    background: url(/resources/ltk/list_item_back.png) left center;
}
.ltk_list_item_hover {
    background: url(/resources/ltk/list_item_hover.png) left center;
}
.ltk_list_item_selected {
    background: url(/resources/ltk/list_item_tick.png) left center no-repeat;
}
.ltk_list_item a {
    display: block;
    line-height: 20px;
    cursor: pointer;
    padding-left: 20px;
    text-decoration: none;
}

/****c* ltk/.ltk_scrollable, .ltk_scrollable_container, .ltk_scrollable_slider, .ltk_scrollable_button
 * SYNOPSIS
 */
.ltk_scrollable {
    position:    relative;
    overflow:    hidden;
    white-space: nowrap;
}
.ltk_scrollable_container {
    position:    relative;
    overflow:    hidden;
    white-space: nowrap;
}
.ltk_scrollable_slider {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    white-space: nowrap;
}
.ltk_scrollable_button {
    height: 9px;
    padding: 2px;
    text-align: center;
    background-color: #fff;
    background: url(/resources/ltk/scroll_button_back.png) left center;
}
.ltk_scrollable_button_up {
    border-bottom: 1px solid #aaa;
}
.ltk_scrollable_button_up span {
    background: url(/resources/ltk/scroll_button_up.gif) center center no-repeat;
    display:    block;
    width:      100%;
    height:      9px;
}
.ltk_scrollable_button_down {
    border-top: 1px solid #aaa;
}
.ltk_scrollable_button_down span {
    background: url(/resources/ltk/scroll_button_down.gif) center center no-repeat;
    display:    block;
    width:      100%;
    height:      9px;
}
.ltk_vscroll {
}
.ltk_hscroll {
}

/* lima toolkit button */
.ltk_button {
    cursor:      pointer;
    width:       99%;
    border-size: 1px;
    background-color: #fff;
    margin: 2px;
    padding: 2px;
    font-size: 1em;
}

/* lima toolkit select/pulldown */
.ltk_select {
    display: block;
    width:   99%;
    margin:  2px;
}

/* lima toolkit menu */
ul.ltk_menu {
    list-style: none;
    margin: 2px;
    padding: 0;
}
ul.ltk_menu li {
    padding: 5px;
    border: 1px outset #fff;
    cursor: pointer;
}
ul.ltk_menu li:hover {
    background-color: #eee;
}

/* lima toolkit notify and message */
/* reference: http://www.howtocreate.co.uk/fixedPosition.html */
.ltk_notify {
    /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
    position: absolute;
    top:    5px;
    right:  5px;
    margin: 0;
}
body > div.ltk_notify {
    /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
    position: fixed;
}
* html div.ltk_notify {
    /* IE5.5+/Win - this is more specific than the IE 5.0 version */
    right:  auto; 
    bottom: auto;
    left:   expression((-5 - fixme.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top:    expression((-5 - fixme.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px' );
}
.ltk_message_frame {
    width: 150px;
    background-color: #000;
    filter: alpha(opacity=90);
    -moz-opacity: .90;
    opacity: .90;
    opacity: 90%;
    margin-bottom: 5px;
}
.ltk_message {
    background-color: #000;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

/* lima toolkit spinner */
.ltk_spinner_back {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
    filter: alpha(opacity=70);
    -moz-opacity: .70;
    opacity: 70%;
    opacity: .70;
}
.ltk_spinner_black {
    background: url(/resources/ltk/spinner_black.gif) center center no-repeat;
}
.ltk_spinner_white {
    background: url(/resources/ltk/spinner_white.gif) center center no-repeat;
}
.ltk_spinner {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
}

/* lima toolkit tabs */
.ltk_tabs {
}
.ltk_tab_selector ul {
    list-style-image:    none;
    list-style-position: outside;
    list-style-type:     none;
    display:             block;
    margin:              0;
    padding:             0;
}
.ltk_tab_selector ul li {
    cursor:     pointer;
    float:      left;
    text-align: center;
}
div.ltk_tab {
    display: none;
}
div.ltk_tab_visible {
    display: block;
}


div.ltk_hbox input {
    width: 25%;
}

/* ltk_grid */
table.ltk_grid {
    width: 100%;
}
table.ltk_grid .ltk_separator {
    border-right: 1px solid #777;
}

/* ltk_slider */
.ltk_slider {
    background: url('/resources/images/slider_track.gif') center center no-repeat;
}
.ltk_slider img {
    width: 31px;
    height: 15px;
    background: url('/resources/images/slider.gif') center center no-repeat;
}