/* -------------------------------------------------------------- 

   css.css
   * All general classes.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px)
-------------------------------------------------------------- */   
body { 
  font-size: 75%;
  color: #222;
  background: #003366;
  background-image:url(/images/design/background.gif);
  background-repeat:repeat-x;
  color:#666666;
  font-family: arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 2.2em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.1em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 0.3em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }

a:focus, 
a:hover     { text-decoration: underline;   }
a			{ color: #ff9900; outline-style: none; text-decoration: none; font-size: 11px; font-weight: bold; }

strong      { font-weight: bold; }
em		    { font-style: italic; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

div#main ol { margin-left: 25px;}

/* Navigation */
#navigation ul li { list-style: none;}
#leftColumn ul { margin-left: 0px; list-style-type: none;}

div#main ul { margin-left: 5px; margin-bottom: 5px; list-style-type: none;}
div#rightColumn ul { margin-left: 5px; margin-bottom: 5px; list-style-type: none;}

div#main .list-bullet {list-style-image:url(/images/list-bullet-12px.png); margin-left: 35px; margin-bottom: 18px; line-height: 20px;}
div#main .list-bullet a h2 { line-height: 30px; color:#FF9900; }

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
th,td { padding: 4px 10px 4px 5px; }


/* Form fields
-------------------------------------------------------------- */
label       { font-weight: bold; }

input[type=text], input[type=password], input[type=file],
input.text,
textarea, select { 
  background-color:#fff; 
  border:1px solid #bbb; 
}
input[type=text]:focus, input[type=password]:focus, input[type=file]:focus, 
input.text:focus,
textarea:focus, select:focus { 
  border-color:#666; 
}

input[type=checkbox], input[type=radio], 
input.checkbox, input.radio { 
  position:relative;
}

div#main form p .label {float:left; width:100px; margin:0 10px 0 10px; padding:2px; font-size:110%;}
div#main form p .text { width: 304px; padding:5px; margin-right: 10px; }
div#rightColumn form p .label {float:left; width:100px; margin:0 10px 0px 0px; padding:2px; font-size:110%;}
div#rightColumn form p .text { width: 164px; padding:5px;}
div#rightColumn form p .select { padding:5px;}


/* Buttons
-------------------------------------------------------------- */
.send-password-button { border: 0; background: url("/images/buttons/skicka-losenord.png"); width: 127px; height: 29px;}
.update-button { border: 0; background: url("/images/buttons/uppdatera.png"); width: 120px; height: 29px;}
.login-button { border: 0; background: url("/images/buttons/logga-in.png"); width: 120px; height: 29px;}
.register-button { border: 0; background: url("/images/buttons/registrera.png"); width: 120px; height: 29px;}
.save-button { border: 0; background: url("/images/buttons/spara.png"); width: 120px; height: 29px;}
.invite-button { border: 0; background: url("/images/buttons/bjud-in.png"); width: 120px; height: 29px;}
.save-and-continue-button { border: 0; background: url("/images/buttons/spara-och-fortsatt.png"); width: 141px; height: 29px;}
.save-and-close-button { border: 0; background: url("/images/buttons/spara-och-stang.png"); width: 141px; height: 29px;}
.choose-theme-button { border: 0; background: url("/images/buttons/valj-tema.png"); width: 120px; height: 29px;}
#left-button { float: left; margin-right: 4px;}


/* Success, notice and error boxes
-------------------------------------------------------------- */
.infobox  { background-color: #fff9d7; border: 1px solid #e2c822; color: #333333; padding: 10px; font-size: 13px; font-weight: bold; width: 288px; }  
.errorbox { background-color: #ffebe8; border: 1px solid #dd3c10; color: #333333; padding: 10px; font-size: 13px; font-weight: bold; }
/*
.greybox	{ background-color: #f7f7f7; border: 1px solid #cccccc; color: #333333; padding: 10px; font-size: 13px; font-weight: bold; }  
.bluebox  { background-color: #eceff6; border: 1px solid #d4dae8; color: #333333; padding: 10px; font-size: 13px; font-weight: bold; }  
*/


/* Graphics
-------------------------------------------------------------- */
/* Boxes */
.boxTop150 {background:url(/images/design/150box-top.png) no-repeat; height: 6px;}
.boxMiddle150 {background:url(/images/design/150box-middle.png) no-repeat; background-repeat:repeat-y; padding: 0px 10px 1px 10px;}
.boxBottom150 {background:url(/images/design/150box-bottom.png) no-repeat; height: 9px;}

.boxTop470 {background:url(/images/design/470box-top.png) no-repeat; height: 6px;}
.boxMiddle470 {background:url(/images/design/470box-middle.png) no-repeat; background-repeat:repeat-y; padding: 0px 10px 1px 10px;}
.boxBottom470 {background:url(/images/design/470box-bottom.png) no-repeat; height: 9px;}

.boxTop310 {background:url(/images/design/310box-top.png) no-repeat; height: 6px;}
.boxMiddle310 {background:url(/images/design/310box-middle.png) no-repeat; background-repeat:repeat-y; padding: 0px 10px 1px 10px;}
.boxBottom310 {background:url(/images/design/310box-bottom.png) no-repeat; height: 9px;}

/* Logo */
#logo{ margin-left: 11px}

#front-text { float: left; width: 270px;}
#front-image { margin-top: 0px;}

/* Misc
-------------------------------------------------------------- */
#footer { text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #99CC00; margin-top: 10px; padding-top: 10px;}
#footer a { color:#666666;}

/* Page specifics
-------------------------------------------------------------- */
/* Add list specific */
#addListTitleLabel { padding: 2px; margin-right: 27px;}
#addListTitleText { width: 213px; padding: 5px; }
#addListDateLabel { width:30%; margin:0 10px 0 0px; padding:2px; font-size:110%;}
#addListDateSelect { padding:5px; }
#addListDescriptionLabel { width: 70%; padding:2px; margin-right: 10px; }

/* Add gift specific */
#addGiftTitleLabel { padding: 2px; margin-right: 37px;}
#addGiftTitleText { width: 195px; padding: 5px;}
#addGiftPriceLabel { padding: 2px; margin-right: 49px;}
#addGiftPriceText { width: 149px; padding: 5px; margin-right: 5px;}
#addGiftOr { margin: -13px 0px 5px 150px;}
#addGiftPriceRangeLabel { padding: 2px; }
#addGiftPriceRangeSelect { width: 207px; padding: 5px;}
#addGiftCategoryLabel { padding: 2px; margin-right: 19px; }
#categories { width: 207px; padding: 5px; margin-bottom: 5px;}
#subcategories { width: 207px; padding: 5px; margin-left: 83px; }
#addGiftDescriptionLabel {}
#addGiftLinkLabel { padding: 2px;}
#addGiftLinkText { width: 278px; padding: 5px;}
#addGiftImageLabel { padding: 2px;}
.addGiftImageFile { margin-bottom: 5px;}

/* Theme */
#themeTable { margin-bottom: 0px;}
.themeCheckbox { margin-left: 105px; top: -10px;}

/* Plain text editor in right column */
#plain-editor-textarea { width: 278px; height: 204px; padding:5px; }

/* Page specific */
#registrationCaptchaLabel {float:left; margin:0 10px 0 4px; padding:2px; font-size:110%;}
#registrationCaptcha {float: left;}
#registrationCaptchaText { width: 304px; padding:5px; margin: 0px 10px 0px 4px; }

/* List all lists in admin */
.list { margin-bottom: 10px;}
.listTitle { float: left;}
.listActions { float: right;}
.listInfo { clear: both;}
.icon { margin-right: 5px;}

/* Show the product in admin */
.productImage { float: left; margin-right: 5px;}
.productTitle { float: left;}
.productPrice { clear: right; float: left;}
.productActions { float: right;}
.productInfo { clear: both;}

/* Show all friends in admin */
.friends { margin-bottom: 10px;}
.friendName { float: left;}
.friendActions { float: right;}

/* Present tips */
/* Gift tip - start page */
.categoryHeadline { margin-top: 15px; margin-bottom: 5px;}
.category { float: left; width: 225px;}



/* Product - product page */
.title { float: left; width: 400px;}
.image { float: left; width: 250px; margin-right: 10px;}
.image ul { margin: 0px;}
.image ul li { display: inline; padding-left: 5px;}

/* Gift tip - toplist */
.topListProduct { margin-bottom: 10px;}
.topListProductImage { float: left; margin-right: 10px;}
.topListProductInfo{}

/* Product rating box */
.ratings { line-height: 1em; margin: 0; margin-top: 5px; }
.rating-box { background:transparent url(/images/rating-empty-star.png) repeat-x scroll 0 0; float:left; height:16px; margin-right:6px; margin-top:-4px; position:relative; width:80px; }
.rating-box .rating { background:transparent url(/images/rating-full-star.png) repeat-x scroll 0 0; height:16px; left:0; position:absolute; top:0; }

/* Tip product page */
.tipProductImage { float: left; margin-right: 30px;}
.tipProductInfo { margin-bottom: 10px; margin-top: 10px;}
.tipRating {margin-bottom: 10px; margin-top: 25px;}
.tipRetailerMessage { font-size: 9px;}
.tipRetailerStock { font-size: 9px;}
.tipProductPage { margin-bottom: 10px;}

/* Tip category page */
.productDescription { margin-top: 10px;} 

/* Ads specifics
-------------------------------------------------------------- */
.adsense300x250 { margin-left: -4px;}
.adsense468x60 { margin-left: -9px;}
.coolstuff-250x360 { margin-left: 10px;}