/* CSS layout for ox.pl 2008
   @file: oxEcards.css
   @created: 15.07.2008
   @last edited: 22.08.2008
   @created by Arkadiusz Kondas
*/

/* ------- box styles ------- */
.oxBoxMainContent label {display:block;}
#oxEcardsList {width:600px; margin:0 auto;}
.eCardBox {width:150px; height:115px; text-align:center; float:left;}

.oxTabIndex li { background:url(../ox/layout2008/bgTabCornerLeftClub.gif) no-repeat left top;}
.oxTabIndex li a {background:url(../ox/layout2008/bgTabCornerRightClub.gif) no-repeat right top; color:#669; padding-left:30px; padding-right:35px;}
#oxBoxMain .oxBoxLeftBorder {width:1px; height:310px; float:left; background:url(../ox/layout2008/bgBoxBorderGrey.jpg) no-repeat top;}
#oxBoxMain .oxBoxRightBorder {width:1px; height:310px; float:right; background:url(../ox/layout2008/bgBoxBorderGrey.jpg) no-repeat top; margin-right:2px;}
#oxBoxMain .oxBoxMainContent {background:url(../ox/layout2008/bgBoxContentClub.jpg) repeat-x top; border:none; color:#000;}
#oxBoxMain .oxBoxMainContent .oxPages {border:0; width:96%; margin-bottom:8px;}
#tabEmpty {width:402px; height:30px; background:none; }

#oxBoxPhotoGallery .oxBoxHeadingMain {background:url(../ox/layout2008/bgBoxHeadingMainRedSmall.gif) repeat-x;}
#oxBoxPhotoGallery .oxBoxHeadingMain h3 {color:#900;}
#oxBoxPhotoGallery .oxBoxHeadingLeft {background:url(../ox/layout2008/bgBoxHeadingLeftRedSmall.gif) no-repeat;}
#oxBoxPhotoGallery .oxBoxHeadingRight {background:url(../ox/layout2008/bgBoxHeadingRightRedSmall.gif) no-repeat;}
#oxBoxPhotoGallery .oxBoxContent {background:url(../ox/layout2008/bgBoxContentRed.jpg) repeat-x top; padding:10px;}
#oxBoxPhotoGallery .oxBoxContent a {font-size:11px; color:#900;}

#oxBoxRandJoke .oxBoxHeadingMain {background:url(../ox/layout2008/bgBoxHeadingMainBlueSmall.gif) repeat-x;}
#oxBoxRandJoke .oxBoxHeadingMain h3 {color:#069;}
#oxBoxRandJoke .oxBoxHeadingLeft {background:url(../ox/layout2008/bgBoxHeadingLeftBlueSmall.gif) no-repeat;}
#oxBoxRandJoke .oxBoxHeadingRight {background:url(../ox/layout2008/bgBoxHeadingRightBlueSmall.gif) no-repeat;}
#oxBoxRandJoke .oxBoxContent {background:url(../ox/layout2008/bgBoxContentBlue.jpg) repeat-x top; padding:4px 10px 10px 10px;}
#oxBoxRandJoke .oxBoxContent a {font-size:11px; color:#069;}
#oxBoxRandJoke .oxBoxContent h4 {color:#069; margin-bottom:7px;}
#oxBoxRandJoke .oxBoxContent .oxLinkMore {margin:4px; color:#930;}

#oxBoxComplitments ul {list-style:none; width:300px;}
#oxBoxComplitments ul li {float:left; margin:0; margin-right:10px;}
#oxBoxComplitments .oxBoxHeadingMain {background:url(../ox/layout2008/bgBoxHeadingMainGreenSmall.gif) repeat-x;}
#oxBoxComplitments .oxBoxHeadingMain h3 {color:#060;}
#oxBoxComplitments .oxBoxHeadingLeft {background:url(../ox/layout2008/bgBoxHeadingLeftGreenSmall.gif) no-repeat;}
#oxBoxComplitments .oxBoxHeadingRight {background:url(../ox/layout2008/bgBoxHeadingRightGreenSmall.gif) no-repeat;}
#oxBoxComplitments .oxBoxContent {background:url(../ox/layout2008/bgBoxContentGreen.jpg) repeat-x top; padding:10px;}
#oxBoxComplitments .oxBoxContent a {font-size:11px; color:#060;}

/* ------- tabels styles ------- */
.oxTableGallery {width:90%; border:0px; margin:5px auto 0 auto;}

#oxEcardsCategories {width:96%; margin:5px auto; border-bottom:1px solid #600; padding-bottom:10px; overflow:auto;}
#oxEcardsCategories li {float:left; margin-right:10px; line-height:20px; list-style:none;}
#oxEcardsCategories li a {font-weight:bold; font-size:11px;}

#welcomeText {width:95%; margin:10px auto;}
#welcomeText h3 {color:#000; margin-bottom:10px;}