/* Copyright (c) 2003 Openwave Systems Inc. All rights reserved.
The copyright to the computer software herein is the property of
Openwave Systems Inc. The software may be used and/or copied only
with the written permission of Openwave Systems Inc. or in accordance
with the terms and conditions stipulated in the agreement/contract
under which the software has been supplied.

$Id: //mms/mms3011/apps/mmsapps/src/mms/docroot/lcommon/html/common/styles.css#1 $



/* Openwave MMS Styles - See Customization Guide for reference. */



/* General Styles */


body {
  background-color: #FFFFFF;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;

}

body, th, td, select, input, textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
}

object {
  margin: 0px; padding: 0px
}

.noborder {
  border-style: none;
}

.nowrap {
  white-space: nowrap;
}

/* Applied to the sort arrow. */

.sortalign {
  vertical-align: middle;
  border-style: none;
}

/* Applied to the image thumbnails and trans-spacers depending on instance. */

.playerthumb {
  border: 1px #FFFFFF solid;
  text-align: center;
}

.gallerythumb {
  border: 1px #000000 solid;
  padding: 4px;
  text-align: center;
  vertical-align: middle;
}

.slideshowthumb {
  border: 1px #666666 solid;
  padding: 3px;
  text-align: center;
}

/* Various buffers for images, spacers, and tables. */

/* Use with trans-spacer between gallery objects. */

.galleryspacerbuffer {
  padding: 6px;
  text-align: center;
  vertical-align: middle;
}

/* Use with small icons and trans-spacer in gallery and composer. */


.iconbuffer {
  padding-left: 2px;
  padding-right: 2px;
  vertical-align: middle;
  border-style: none;
  cursor: pointer;
}

/* Use with breadcrumb spacer image. */

.spacerbuffer {
  margin-right: 8px;
  margin-left: 8px;
}

/* Table and list buffers. */

.listbuffer {
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  vertical-align: middle;
}

.tablemargin1 {
  margin-top: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  margin-left: 15px;
}

.tablemargin2 {
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
}

/* Background Colors - See also "css_samples.htm" document for reference. */

.maincolor1 {
  background-color: #FFFFFF;
}

.maincolor2,
.taboff,
.contenttable3,
#header-stripes,
#login-header-bar,
#footer-content,
#sidebar-menu-header,
#sidebar-hints-header { 
  background-color: #49166D;
}

.maincolor3,
#sidebar,
#sidebar-menu {
  background-color: #DBD0E2;
}

.maincolor4,
.gallerytabon,
.buttoncontent,
.buttoncomposer,
.buttonlistdelete,
.inlinebutton,
.contenttable6,
#sidebar-welcome {
  background-color: #49166D;
}

.maincolor5,
.tableheader1,
.tableheader2,
.gallery-table-header,
.catmgrtabon,
.contenttable7 {
  background-color: #49166D;
}

.darkline {
  background-color: #333333;
}

.medline {
  background-color: #DBD0E2;
}

.whiteline {
  background-color: #FFFFFF;
}

.listbkgnd1 {
  background-color: #DBD0E2;
}

.listbkgnd2 {
  background-color: #FFFFFF;
}

.statusbkgnd {
  color: #333333;
  background-color: #DBD0E2;
}

.whitebkgnd {
  background-color: #FFFFFF;
}

.greybkgnd1 {
  background-color: #DBD0E2;
}

.greybkgnd2 {
  background-color: #CCCCCC;
}

.transparent {
  background-color: transparent;
}


/* Left Navigation Highlight */

/* The background-image path must be modified based on install location of the images directory. */

.bkgndleftnavon {
  background-color: #DBD0E2;
  background-image: url(../images/global/bkgnd_leftnav_on.gif);
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}

.bkgndleftnavonhover {
  background-color: #DBD0E2;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}


/* Fonts */


/* Left Nav */


.fontwelcome {
  color: #FFFFFF;
}

.fontheader {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}

.fontleftnavmain {
  font-weight: bold;
  color: #FFFFFF;
}

.fonthelptext {
  color: #FFFFFF;
  padding-right: 10px;
}


/* Content - See also "css_samples.htm" document for reference. */


/* Title Fonts - Non-hyperlink */

.fonttitle1 {
  font-size: 18px;
  font-weight: bold;
  color: #569C9C;
}

.fonttitle2 {
  font-weight: bold;
  color: #569C9C;
}

.fonttitle3 {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}

/* Column headers for lists. - Non-hyperlink */

.columnheader {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}

/* Two variations of table header, one with "height" property. */

.tableheader1,
.tableheader2,
.gallery-table-header {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  background-color: #49166d;
  font-size: 12px;
  font-weight: bold;
  color: #DBD0E2;
  white-space: nowrap;
}

.tableheader1 {
  height: 25px;
}

/* Content Fonts */

.provider-copyright {
  font-size: 9px;
  color: #FFFFFF;
}

.fontpreviewlabel {
  vertical-align: top;
  color: #333333;
  white-space: nowrap;
}

.fontcontent1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #49166D;
  white-space: nowrap;
}

.fontcontent2 {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  color: #49166D;
}

.fontcontent2unread {
  font-family: Arial, Helvetica, sans-serif;
  font-style: bold;
  font-weight: bold;
  font-size: 13px;
  color: #49166D;
}

.fontcontent3 {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #49166D;
}

.fontcontent4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  color: #49166D;
}

.fontcontent5 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #49166D;
}

.fontcontent6 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
  color: #49166D;
}

.fontcontent7 {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  color: #49166D;
}

.fontcontent8 {
  font-family:  Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  color: #49166D;
}

.fontcontent9{
  color: #49166D
}

.fontcontent10 {
  font-size: 10px;
  color: #49166D;
}

.fontcontent11 {
  font-size: 12px;
  font-weight: bold;
  color: #DBD0E2;
}

.fontcontent12 {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #49166D;
}

.fontcontent13 {
  font-size: 10px;
  font-weight: bold;
  color: #DBD0E2;
}

.fontpreviewcontent {
  color: #333333;
  vertical-align: top;
  width: 90%;
}


/* Other Fonts */

/* Non-hyperlinks. */

.fontprefslogout {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  color: #DBD0E2;
  white-space: nowrap;
}

.fontfooter {
  font-size: 9px;
  color: #DBD0E2;
}

/* Pagination default style. */

.disabled {
  color: #DBD0E2;
  text-decoration: none;
}

/* Status message */
#status_table, #login_status_table {
  background-color: #E3E3E3;
  padding: 10px;
}
#status_table {
  text-align: left;
  margin: 0px 10px 10px;
  border: 1px #DBD0E2 solid;
}
#login_status_table {
  text-align: center;
  margin: 30px 10px 0px;
  width: 250px;
}
#status_confirm_message {
  color: #49166D;
}
#status_error_message {
  color: #CC3333;
}

/* Links */


/* General Links */


/* Page Title Link */

.title:link {
  font-size: 18px;
  font-weight: bold;
  color: #49166D;
  text-decoration: none;
}

.title:active {
  font-size: 18px;
  font-weight: bold;
  color: #49166D;
  text-decoration: underline;
}

.title:visited {
  font-size: 18px;
  font-weight: bold;
  color: #49166D;
  text-decoration: none;
}

.title:hover {
  font-size: 18px;
  font-weight: bold;
  color: #49166D;
  text-decoration: underline;
}

/* Pagination Link */

.pagination:link {
  font-weight: bold;
  color: #49166D;
  text-decoration: none;
}

.pagination:active {
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
}

.pagination:visited {
  font-weight: bold;
  color: #49166D;
  text-decoration: none;
}

.pagination:hover {
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
}

/* Page breadcrumb links. */


.breadcrumbs:link {
  font-weight: bold;
  color: #DBD0E2;
  text-decoration: none;
}

.breadcrumbs:active {
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: underline;
}

.breadcrumbs:visited {
  font-weight: bold;
  color: #DBD0E2;
  text-decoration: none;
}

.breadcrumbs:hover {
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: underline;
}

/* Small bold link. */

.smallbold:link {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #49166D;
  text-decoration: none;
}

.smallbold:active {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
}

.smallbold:visited {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #49166D;
  text-decoration: none;
}

.smallbold:hover {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
}



/* Album Admin Links */

/* Category Link - List view. */

.admincat:link {
  font-weight: bold;
  color: #49166D;
  text-decoration: none;
}

.admincat:active {
  font-weight: bold;
  color: #49166D;
  text-decoration: underline;
}

.admincat:visited {
  font-weight: bold;
  color: #49166D;
  text-decoration: none;
}

.admincat:hover {
  font-weight: bold;
  color: #49166D;
  text-decoration: underline;
}

/* Subcategory Link - List view. */

.adminsubcat:link {
  color: #49166D;
  text-decoration: none;
}

.adminsubcat:active {
  color: #49166D;
  text-decoration: underline;
}

.adminsubcat:visited {
  color: #49166D;
  text-decoration: none;
}

.adminsubcat:hover {
  color: #49166D;
  text-decoration: underline;
}

.workfolder:link {
  font-size: 10px;
  font-weight: normal;
  color: #49166D;
  text-decoration: none;
}

.workfolder:active {
  font-size: 10px;
  font-weight: normal;
  color: #49166D;
  text-decoration: underline;
}

.workfolder:visited {
  font-size: 10px;
  font-weight: normal;
  color: #49166D;
  text-decoration: none;
}

.workfolder:hover {
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  color: #49166D;
  text-decoration: underline;
}

/* Drop Down Button and List */

/* Cat-Subcat Drop down button link. */

.dropdown:link {
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

.dropdown:active {
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

.dropdown:visited {
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

.dropdown:hover {
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

/* Cat-Subcat Drop down menu link. */

.dropdownlist {
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;

}
.dropdownlist:link {
  text-decoration: none;
}

.dropdownlist:active {
  text-decoration: underline;
}

.dropdownlist:visited {
  text-decoration: none;
}

.dropdownlist:hover {
  text-decoration: underline;
}


/* List View Links */


.list:link {
  font-family:  Arial, Helvetica, sans-serif;
  font-style: normal;
  color: #49166D;
  font-size: 13px;
  text-decoration: none;
}

.list:active {
  font-family:  Arial, Helvetica, sans-serif;
  font-style: normal;
  color: #49166D;
  font-size: 13px;
  text-decoration: underline;
}

.list:visited {
  font-family:  Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 13px;
  color: #49166D;
  text-decoration: none;
}

.list:hover {
  font-family:  Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 13px;
  color: #49166D;
  text-decoration: underline;
}

.listbold:link {
  font-family:  Arial, Helvetica, sans-serif;
  font-style: normal;
  color: #49166D;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}

.listbold:active {
  font-family:  Arial, Helvetica, sans-serif;
  font-style: normal;
  color: #49166D;
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
}

.listbold:visited {
  font-family:  Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 13px;
  font-weight: bold;
  color: #49166D;
  text-decoration: none;
}

.listbold:hover {
  font-family:  Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 13px;
  font-weight: bold;
  color: #49166D;
  text-decoration: underline;
}

.columnhead:link {
  font-family:  Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 12px;
  font-weight: bold;
  color: #DBD0E2;
  text-decoration: none;
}

.columnhead:active {
  font-family:  Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: underline;
}

.columnhead:visited {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #DBD0E2;
  text-decoration: none;
}

.columnhead:hover {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: underline;
}


/* Left Navigation Links */


.leftnav:link {
  font-size: 12px;
  font-weight: bold;
  color: #DBD0E2;
  text-decoration: none;
}

.leftnav:active {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

.leftnav:visited {
  font-size: 12px;
  font-weight: bold;
  color: #DBD0E2;
  text-decoration: none;
}

.leftnav:hover {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}


/* Main Tabs Links */

.tab-dropdown-arrow {
  margin-right: 4px;
}

/* Inactive Tab */


.tabs:link {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

.tabs:active {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

.tabs:visited {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

.tabs:hover {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

/* Active Tab */

.tabs2:link {
  font-size: 12px;
  font-weight: bold;
  color: #49166D;
  text-decoration: none;
}

.tabs2:active {
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

.tabs2:visited {
  font-size: 12px;
  font-weight: bold;
  color: #49166D;
  text-decoration: none;
}

.tabs2:hover {
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

/* Preferences - Signout Link */

.prefslogout:link {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #49166D;
  text-decoration: none;
  white-space: nowrap;
}

.prefslogout:active {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #49166D;
  text-decoration: underline;
  white-space: nowrap;
}

.prefslogout:visited {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #49166D;
  text-decoration: none;
  white-space: nowrap;
}

.prefslogout:hover {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #49166D;
  text-decoration: underline;
  white-space: nowrap;
}


/* Gallery Tabs Links - Main Gallery and Album Admin */
.tabsgallerysmall:link {
  font-size: 10px;
  color: #DBD0E2;
  text-decoration: none;
}

.tabsgallerysmall:active {
  font-size: 10px;
  color: #DBD0E2;
  text-decoration: none;
}

.tabsgallerysmall:visited {
  font-size: 10px;
  color: #DBD0E2;
  text-decoration: none;
}

.tabsgallerysmall:hover {
  font-size: 10px;
  color: #DBD0E2;
  text-decoration: none;
}

.tabsgallerysmallon:link {
  font-weight: bold;
  color: #DBD0E2;
  text-decoration: none;
}

.tabsgallerysmallon:active {
  font-weight: bold;
  color: #DBD0E2;
  text-decoration: none;
}

.tabsgallerysmallon:visited {
  font-weight: bold;
  color: #DBD0E2;
  text-decoration: none;
}

.tabsgallerysmallon:hover {
  font-weight: bold;
  color: #DBD0E2;
  text-decoration: none;
}

/* Download links */
.download {
  color: #DBD0E2;
}


/* Main Tabs Backgrounds */


.taboff {
  font-size: 12px;
  font-weight: bold;
  color: #DBD0E2;
  cursor: pointer;
}

.tabhover {
  font-size: 12px;
  font-weight: bold;
  color: #DBD0E2;
  background-color: #49166D;
  cursor: pointer;
}

.tabon {
  font-size: 12px;
  font-weight: bold;
  color: #DBD0E2;
  background-color: #49166D;
  cursor: pointer;
}


/* Gallery Tabs Backgrounds */

/* Main Gallery Tabs Bkgnds */

.gallerytaboff, .gallerytabempty, .gallerytabhover, .gallerytabon {
  font-size: 10px;
  white-space: nowrap;
}

.gallerytaboff {
  color: #49166D;
}

.gallerytabempty {
  color: #49166D;
}

.gallerytabhover {
  color: #49166D;
  background-color: #DBD0E2;
}

.gallerytabon {
  color: #DBD0E2;
  background-color: #49166D;
}


/* Album Admin Tabs Bkgnds */


.catmgrtaboff {
  font-weight: bold;
  color: #333333;
  white-space: nowrap;
}

.catmgrtabhover {
  font-weight: bold;
  color: #333333;
  background-color: #BEBED0;
  white-space: nowrap;
}

.catmgrtabon {
  font-weight: bold;
  color: #FFFFFF;
  white-space: nowrap;
}

/* Buttons */

/* Main Action Buttons */

.buttonmain {
  font-size: 10px;
  font-weight: bold;
  color: #49166D;
  background-color: #DBD0E2;
  margin-top: 3px;
  margin-bottom: 3px;
  height: 20px;
  border: 2px #DBD0E2 outset;
  cursor: pointer;
}

.buttondropdown {
  font-size: 10px;
  font-weight: bold;
  color: #DBD0E2;
  background-color: #49166D;
  margin-top: 3px;
  margin-bottom: 3px;
  height: 20px;
  border: 2px #DBD0E2 outset;
  cursor: pointer;
}

/* Disabled Buttons */

.buttondisabled {
  font-size: 10px;
  font-weight: bold;
  color: #DBD0E2;
  background-color: #E3E3E3;
  margin-top: 3px;
  margin-bottom: 3px;
  height: 20px;
  border: 2px #E3E3E3 outset;
  cursor: pointer;
}

/* Internal Content Buttons */

.buttoncontent {
  font-family:  Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 10px;
  font-weight: bold;
  color: #DBD0E2;
  background-color: #49166D;
  vertical-align: baseline;
  margin-top: 3px;
  margin-bottom: 3px;
  height: 19px;
  border: 2px #49166D outset;
  cursor: pointer;
  white-space: nowrap;
}

/* Composer Buttons */

.buttoncomposer {
  font-size: 10px;
  font-weight: bold;
  color: #DBD0E2;
  background-color: #49166D;
  vertical-align: baseline;
  margin-top: 3px;
  margin-bottom: 3px;
  height: 19px;
  border: 2px #49166D outset;
  cursor: pointer;
  white-space: nowrap;
}


/* Delete Button in List View */

.buttonlistdelete {
  font-size: 10px;
  font-weight: bold;
  color: #DBD0E2;
  background-color: #49166D;
  margin-top: 3px;
  margin-bottom: 3px;
  border: 1px #49166D solid;
  cursor: pointer;
}

/* Inline List View Buttons - same as delete button */

.inlinebutton {
  font-size: 10px;
  font-weight: bold;
  color: #DBD0E2;
  background-color: #49166D;
  margin-top: 3px;
  margin-bottom: 3px;
  border: 1px #49166D solid;
  cursor: pointer;
}


/* Tables - see "css_samples.htm" document for reference. */

.contenttable1 {
  background-color: #FFFFFF;
  border: 1px #DBD0E2 solid;
}

.contenttable2 {
  background-color: #DBD0E2;
  border: 1px #DBD0E2 solid;
}

.contenttable3 {
  background-color: #49166D;
  border: 1px #DBD0E2 solid;
}

.contenttable4 {
  border: 1px #DBD0E2 solid;
}

.contenttable5 {
  border: 1px #49166D solid;
}

.contenttable6 {
  border: 1px #333333 solid;
}

.contenttable7 {
  border: 1px #333333 solid;
}

.contenttable8 {
  border: 1px #000000 solid;
}

.mediadivider {
  border-right: 2px #CCCCCC solid;
}

.undisplayedmediamessage {
  margin-top: 4px;
}

.logintable {
  border: 2px #49166D; solid;
}

.login-stripe { 
  line-height: 5px;
}


/* Forms - see "css_samples.htm" document for reference. */


.formfield1 {
  font-size: 10px;
  color: #333333;
  height: 18px;
  width: 250px;
  border: 1px #333333 solid;
}

.formfield2 {
  font-size: 10px;
  color: #333333;
  height: 18px;
  width: 100px;
  border: 1px #333333 solid;
}

.formfield3 {
  font-size: 10px;
  color: #333333;
  height: 18px;
  width: 150px;
  border: 1px #333333 solid;
}

.formfield4 {
  font-size: 10px;
  color: #333333;
  height: 18px;
  width: 45px;
  border: 1px #333333 solid;
}

.formfield5 {
  font-size: 10px;
  color: #333333;
  vertical-align: top;
  height: 21px;
  width: 225px;
  border: 1px #333333 solid;
}

.formfield6 {
  font-size: 10px;
  color: #333333;
  vertical-align: top;
  height: 21px;
  width: 340px;
  border: 1px #333333 solid;
}

.formfield7 {
  font-size: 10px;
  color: #333333;
  height: 21px;
  width: 140;
  border: 1px #333333 solid;
}

.formfield8 {
  font-size: 10px;
  color: #333333;
  border: 1px #333333 solid;
}

.dropdown1 {
  font-size: 10px;
  vertical-align: 2%;
  color: #333333;
  border: 1px #333333 solid;
}

.dropdown2 {
  font-size: 10px;
  color: #333333;
  width: 250px;
  border: 1px #333333 solid;
}

.dropdown3 {
  color: #333333;
  line-size: 13px;
  margin-top: 4px;
}

.formtextfield1 {
  font-size: 10px;
  color: #333333;
  width: 250px;
}

.formtextfield2 {
  font-size: 10px;
  color: #333333;
  height: 50px;
  width: 400px;
  border: 1px #333333 solid;
}

.formfieldCompose {
  font-size: 10px;
  color: #333333;
  vertical-align: top;
  height: 21px;
  width: 250px;
  border: 1px #333333 solid;
}

.formfieldTextComposer {
  font-size: 10px;
  color: #333333;
  height: 250px;
  width: 100%;
  border: 1px #333333 solid;
}



/* Category Subcategory Layer Styles - in order to have absolute/relative placement of DHTML drop down menus. */


#container {
  position:relative;
  width:0px;
  height:0px;
}

#container2 {
  position:relative;
  width:0px;
  height:0px;
}

#categoryLayer {
  position:absolute;
  visibility:hidden;
  left:-100; top:1;
}

#subcategoryLayer {
  position:absolute;
  visibility:hidden;
  left:-100; top:1;
}

/* Class for text show in the player. */

.slideText{
  font-family:  Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  color: #333333;
  height: 26px;
  overflow: hidden;
  line-height: 12px;
  text-align: left;
}

/* Style for making the Upload Image/Audio buttons invisible in the composer */
.invisible{
  display: none;
}
/* Style for making the combo menu invisible */
.comboMenuContainer {
  position: relative;
  visibility: hidden;
  width: 0px;
  height: 0px;
}
.comboMenu, .tabComboMenu {
  position: absolute;
  visibility: hidden;
  left: 1px;
  top: -3px;
}

.tabComboMenu {
  left: -1px;
  top: 4px;
  width: 142px;
}

/* Gallery styles */
.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear {
  clear: both;
}

.gallery-table-header {
  width: 100%;
  height: 24px;
  padding-left: 10px;
  padding-top: 4px;
}

.gallery-list {
  padding: 12px;
}

.gallery-thumbnail-list {
  padding: 8px;
  height: 310px;
}

.gallery-folder-menu-form {
  margin: 0px;
  margin-bottom: 8px;
}

.gallery-item-icon-bar {
  padding-right: 6px;
  padding-top: 4px;
  padding-bottom: 8px;
}

.gallery-item-name {
  font-size: 10px;
  color: #FFFFFF;
  padding-bottom: 4px;
}

.gallery-upload-button {
  margin-bottom: 8px;
}

.gallery-item-page {
  padding: 5px;
  color: #333333;
}

.gallery-item-info {
  padding-left: 4px;
  padding-top: 4px;
}

.gallery-button-bar {
  margin-top: 12px;
  padding: 6px;
  height: 100%;
}

.gallery-slide-download-links {
  width: 100%;
  padding: 6px;
  padding-bottom: 0px;
}

.gallery-pagination-controls {
  float: right;
  margin-top: 6px;
  margin-right: 1px;
  margin-bottom: 6px;
}

.gallery-pagination-text {
  margin-right: 12px;
}

.gallery-item-edit {
  padding-left: 16px;
}

.gallery-item-edit-field {
  padding-bottom: 8px;
}

.gallery-item-label {
  vertical-align: top;
}

.gallery-working-folder-text {
  font-size: 10px;
  color: #569C9C;
}


/*
 * Top-level layout: header, welcome, sidebar menu and help, footer
 */
    
#header {
  color: #000000;
  background-color: #FFFFFF;
  width: 100%;
  margin: 0px;
}

div.header-stripe { border-bottom: 1px solid #FFFFFF; }
div.header-stripe.one,
div.header-stripe.two   { line-height: 1px; }
div.header-stripe.three { line-height: 2px; }
div.header-stripe.four  { line-height: 3px; }
div.header-stripe.five  { line-height: 4px; }
div.header-stripe.six   { line-height: 6px; border-bottom: 1px solid #333333; }

#login-form { 
  margin: 40px 0px;
}

#login-header-bar { 
  line-height: 22px;
  border-bottom: 1px solid #333
}

#sidebar {
  color: #FFFFFF;
  vertical-align: top;
  width: 180px;
  height: 100%;
}

#sidebar-welcome {
  color: #FFFFFF;
  padding: 11px 8px 12px;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  white-space: nowrap;
}


#content-cell {
  width: 100%; 
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 15px;
}

#footer {
  height: 27px;
  vertical-align: top;
  border-top: 1px solid #FFFFFF;
  width: 100%;
}

#footer-content {
  text-align: right;
  border-top: 1px solid #333333;
  color: #FFFFFF;
  font-size: 9px;
  line-height: 27px;
  padding-right: 10px;
}

#footer-content a { 
  color: #FFFFFF;
  text-decoration: none;
  font-size: 10px;
}

#footer-content a:hover {
  text-decoration: underline;
}

/* Left sidebar section headers */

#sidebar-menu-header, #sidebar-hints-header {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  padding: 7px;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
}

#sidebar-menu-header ul, #sidebar-hints-header ul {
  list-style-position: outside;
  list-style-image: url(/images/global/dot_spacer_wht.gif);
  margin: 0px;
  padding: 0px;
  margin-left: 8px;
  padding-left: 8px;
}

/* Left navigation menu entries */
#sidebar-menu {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}

.sidebar-menu-entry.hover, .sidebar-menu-entry.selected  {
  background-color: #A7D0BB;
}

.sidebar-menu-entry {
  margin: 14px 0px 10px;
  padding: 5px 0px 5px 30px;
}

.sidebar-menu-entry a, .sidebar-menu-entry.selected a {
  color: #FFFFFF;
  text-decoration: none;
}

.sidebar-menu-entry.selected {
  background-image: url(/images/global/bkgnd_leftnav_on.gif);
  background-position: right;
  background-repeat: no-repeat;
}

/* Left navigation helpful hints */
ul#sidebar-hints  {
  color: #FFFFFF;
  list-style-position: outside;
  list-style-image: url(/images/global/dot_spacer_wht.gif);
  margin-top: 15px;
  margin-right: 8px;
  margin-left: 12px;
  padding-left: 12px;
}

ul#sidebar-hints li {
  margin: 15px 0px;
}