/**
 * basestyle.css
 *
 * James Ang 2006-05-15
 *
 * This file will contain the base styles for our poster
 * store web application.  We are keeping them reasonably
 * simple so as not to complicate the example terribly.
 */


/**
 * These are the default styles that will go on the background.
 */
body { background-color:white }

/**
 * This font is used for tiny text at the bottom and small links.
 */
.smallPrint { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#000099 }
.smallLink  { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#000099 }

/**
 * Top menu bar font and link style.
 */
#topMenuBar { width:99.8%; background-color:#FFCC00; border:1px solid #888888; text-align:right; }
.topMenuBarFont { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000077; }
.topMenuLink { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000077; text-decoration:none; }
#blank {width:100%; height:10px;}

/**
 * The font for the page title.
 */
.bigTitle { font-family:Arial, Hevletica, sans-serif; font-size:16px; font-weight:900; color:white; text-decoration:none }

/**
 * The core font for the page text.
*/
.pageBody { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000077 }

.normalTable {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000077 }
.tableLabel {font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #000077 }
.tableLabelSmall {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000077 }
.tableLabelTiny {font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #000077 }
.errSmall  {font-family:Arial, Helvetica, sans-serif; font-size:12; color:#dd0000 }


/**
 * This is where we will override some of the basic styles that
 * we are given by the browser.
 */
h1 {font-family:Arial, Helvetica, sans-serif; color:#000077;  }
h2 {font-family:Arial, Helvetica, sans-serif; color:#000077; margin:0px; font-size:small;}

#sideLeft {float:left; width:180px; border:1px solid #888888; background-color:#efefef; padding:0px 0px 0px 0px;}
.leftPanel { border-bottom:1px solid #888888; background-color:#FFCC00; text-align:center; font-size:small;}
.childrenSection {background-color:#FFCCFF; }
.otherSection {background-color:#CCFFFF; }
#sideRight {float:right; width:160px; border:1px solid #888888; text-align:left; background-color:#efefef; padding:0px 0px 10px 0px}
.rightPanel {width:160px; border-bottom:1px solid #888888; background-color:#FFCC00; text-align:center; font-size:small;}
.point {padding:5px; margin:5px; }
#content {margin:0px 165px 0px 150px; width:540px;}

/* hide from IE/Mac \*/
* html .rightPanel {width:175px;}
/* end hiding */

/*Navigation*/
#sideLeft a:link, #sideLeft a:visited{
  text-decoration: none;
  display:block;
  color:#000099;
  font-size:small;  
  padding:5px;}

#sideLeft a:hover {
text-decoration: underline;}
/*previously used background-color:#FFFF99; */