/*-----------------------------------------------------------------------------
 *
 * File:          arena.css
 *
 * Descritption   The file contains the CSS definitions used for the Royal Arena
 *                homepage
 *
 * Color scheme   #666666  Dark gray     - Headers and links
 *                #FF2C00  Red           - Error messages
 *                #848484  Gray          - Border for text boxes
 *                #38383A  Dark gray     - Color of background
 *                #EEEEEE  Light gray    - Text box background
 *                #A315A8  Red (kind of) - Background (also for titles)
 *                #FFFFFF  White         - Background color inside page
 *
 *---------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
 * HTML tag definitions
 *---------------------------------------------------------------------------*/

*                                 /* general page wide definitions */
{
  font-family:      Geneva, Arial, Helvetica, sans-serif;
}

img                               /* no borders around images */
{
  border:           0px;
}

body
{
  color:            black;
  font-size:        11px;
  margin:           0;
  padding:          1em;
}

h1
{
  font-size:        18px;
  font-style:       normal;
  font-weight:      bolder;
  font-variant:     normal;
  text-transform:   none;
  color:            #666666;
  margin-top:       0px;
  margin-bottom:    0px;
}

h2
{
  font-size:        14px;
  font-style:       normal;
  font-weight:      normal;
  font-variant:     normal;
  text-transform:   none;
  color:            #666666;
  margin-top:       6px;
  margin-bottom:    2px;
}

h3
{
  font-size:        12px;
  font-style:       normal;
  font-weight:      normal;
  font-variant:     normal;
  text-transform:   none;
  color:            #666666;
  margin-top:       6px;
  margin-bottom:    2px;
}

table
{
  border-spacing:   0px;
  border-collapse:  collapse;
  border:           0px;
}

a                                 /* for links */
{
  color:            #666666;
  text-decoration:  none;
  margin-top:       0px;
  margin-bottom:    0px;
  padding-bottom:   2px;
}

a:hover                           /* if cursor over link */
{
  color:            #FFFFFF;
  background:       #A315A8;
  text-decoration:  none;
  margin-top:       0px;
  margin-bottom:    0px;
}

p                                 /* text section */
{
  font-size:        11px;
  font-weight:      normal;
  font-style:       normal;
  text-align:       left;
  line-height:      1.2;
  margin-top:       0px;
  margin-bottom:    8px;
  margin-left:      0px;
  margin-right:     0px;
  color:            black;
}

/*-----------------------------------------------------------------------------
 * Class definitions
 *---------------------------------------------------------------------------*/

.bodyBackground                   /* defined as class in order not to show in editor window */
{
  background:       #2A2231  url(../pics/ui/design/background.jpg) no-repeat fixed top center;
  background-attachment: fixed;
}

.bodyBackgroundPopup            /* defined as class in order not to show in editor window */
{
  background:       #38383A  url(../pics/ui/design/background_popup.jpg) no-repeat fixed top center;
  background-attachment: fixed;
}

.menuLevel1
{
  font-size:        11px;
  margin-left:      2px;
  font-weight:      normal;
  margin-bottom:    3px;
}

.menuLevel2
{
  font-size:        10px;
  font-weight:      normal;
  margin-left:      6px;
  margin-bottom:    2px;
}

.menuSel
{
  font-weight:      bold;
  color:            black;
}

.buttons_web                      /* buttons to myspace etc. */
{
  margin-left:           11px;      /* shift in to align with menu */
}

.tableFull                        /* table over full width */
{
  width:            100%;
}

.tableAdmin                       /* table to list content */
{
  width:            100%;
  margin-top:       10px;
}

.msgOk                            /* message if action was ok */
{
  font-size:        11px;
  font-weight:      normal;
  color:            #666666;
}

.msgFail                          /* message if action failed */
{
  font-size:        11px;
  font-weight:      bold;
  color:            #FF2C00;        /* message in red */
}

.miniText                         /* to squize text in */
{
  font-size:        9px;
}

.fullPicture
{
  cursor:           pointer;
}

.contentHeader
{
  font-size:        14px;
  font-style:       normal;
  font-weight:      normal;
  font-variant:     normal;
  color:            #666666;
  background-color: #FFFFFF;
  padding-top:      8px;
  padding-bottom:   8px;
  float:            left;           /* must be left else IE show big 'bottom padding' */
  clear:            left;
}

.contentText
{
  clear:            left;
}

.titleColor
{
  color:            #666666;
}

.textColor
{
  color:            black;
}

.contentSeparatorLine
{
  background-image: url(../pics/ui/design/lineBg.gif);
  line-height:      10px;           /* if not specified font-size sets height to 14px */
  clear:            both;
  margin-top:       20px;
}

.contentSeparatorLineFirst
{
  margin-top:       4px;
}

.forceBr
{
  font-size:        1px;
  clear:            both;
}

.toTop
{
  margin-top:       2px;
  margin-bottom:    2px;
  float:            right;
}

.artistPicLeft                    /* artist picture left adjusted */
{
  margin-right:     10px;
  float:            left;
  clear:            both;
}

.artistPicRight                    /* artist picture right adjusted */
{
  margin-left:      10px;
  float:            right;
  clear:            both;
}

.artistText
{
  padding:          0px;
  clear:            none;
}

.artistDateTime
{
  padding-top:      0px;
  clear:            both;
}

.quickLink
{
  margin-top:       4px;
  margin-bottom:    6px;
}

.putCursor
{
  cursor:           pointer;
}

.galleryThumbNail
{
  margin-right:     5.5px;
  margin-bottom:    2px;
  float:            left;
}

.copyrightLine                    /* for copyright */
{
  margin-top:       5px;
  color:            #666666;
}

.colorWhite                       /* for copyright on popup*/
{
  color:            white;
}

/*-----------------------------------------------------------------------------
 * Id definitions
 *---------------------------------------------------------------------------*/

#mainContainer
{
  top:              5px;
  bottom:           250px;
  width:            800px;
  position:         relative;
  margin:           auto;
  overflow:         hidden;
}

#containerHeader
{
  background:       url(../pics/ui/design/top.gif);
  width:            800px;
  height:           560px;
  clear:            none;
}

#containerFooter
{
  background:       url(../pics/ui/design/bottom.gif);
  width:            800px;
  height:           180px;
  clear:            both;
}

#leftSpacer
{
  width:            50px;
  background:       url(../pics/ui/design/left.gif) repeat-y;
  float:            left;
  padding-bottom:   32767px;
  margin-bottom:    -32767px;
}

#rightSpacer
{
  width:            50px;
  background:       url(../pics/ui/design/right.gif) repeat-y;
  float:            left;
  padding-bottom:   32767px;
  margin-bottom:    -32767px;
}

#wrapper
{
  overflow:         hidden;
}

#content
{
  background-color: #FFFFFF;
  width:            700px;
  float:            left;
  height:           100%;
}

#contentLeftCol
{
  width:            140px;
  background-color: #FFFFFF;
  float:            left;
  padding-left:     10px;
  padding-right:    0px;
  padding-top:      10px;
  padding-bottom:   32767px;
  margin-bottom:    -32737px;
}

#contentRightCol
{
  width:            500px;
  background-color: #FFFFFF;
  float:            left;
  padding-left:     25px;
  padding-right:    25px;
  padding-top:      10px;
  padding-bottom:   32767px;
  margin-bottom:    -32737px;
}

#ImagePopupMainContainer          /* formats the image popup */
{
  font-size:        9px;
}

#imagePopupMainArea               /* formats the image popup */
{
  clear:            left;
}

#imagePopupControlBarLeft         /* image popup - previous picture */
{
  float:            left;
  width:            30px;
  text-align:       left;
}

#imagePopupControlBarRight        /* image popup - next picture */
{
  float:            right;
  width:            30px;
  text-align:       right;
}

#imagePopupImage                  /* image popup - table data for image */
{
  height:           670px;
  max-height:       670px;
  width:            700px;
  max-width:        700px;
  text-align:       center;
  vertical-align:   middle;
}