/* HR fixes (ought to be in the base stylesheet) */
#globalcontentcentercontent .colorbox .hr{width:440px;}
#globalcontentcentercontent .columns1 .hr{width:461px;}

/* WIDE PAGE STYLES */
.wide #globalcontentcenterfooter {background-image:url(../i/contentroundedbottom_wide.gif);}
.wide #globalcontentright{display:none;}
.wide #globalcontentcenter{width:630px;}
.wide #globalcontentcentercontent .hr{width:601px;}
.wide #globalcontentcentercontent .columns1 .hr{width:592px;}

.wide .columns1, .wide .columns2l, .wide .columns2r{width:610px;}
.wide #globalcontentcenter .columns2l .col1 {width:211px;}
.wide #globalcontentcenter .columns2l .col2 {width:380px;}
.wide #globalcontentcenter .columns2r .col1 {width:380px;}
.wide #globalcontentcenter .columns2r .col2 {width:211px;}
/* END WIDE PAGE STYLES */


/* ------------------------------------------------------ 
   This is what the young people in sweden want :-)
------------------------------------------------------ */ 
.SE {
background-color:#ffffff;
background-image: url(../i/spraypink_back.jpg);
}


/* ------------------------------------------------------ 
   Fix links so they work the way we want them to
------------------------------------------------------ */ 
a:hover{color:#000000;}
ul.menu a:hover{color:#000000;}
a{text-decoration:underline;}

/* ------------------------------------------------------ 
Fix strange colorbox content margin
------------------------------------------------------ */ 
.colorbox .content{width:auto;margin:9px 9px;}

/* ------------------------------------------------------ 
   Buttons 
------------------------------------------------------ */ 

div.button .btncenter a{
	padding: 0px;
}


/* ------------------------------------------------------ 
   Error thingies ...
------------------------------------------------------ */ 
div.error, span.error, p.error {
  color:red;
  font-weight:bold;
}

input.error { border:2px solid red; }

textarea.error { border:2px solid red; }

td.error { color:red; }


/* Login box Style */
#globalcontentleft #loginbox {
	font-size:11px;
	font-weight:normal;
}

#globalcontentcentercontent {
padding-top:10px;
}

#globalcontentleft #loginbox .text, #globalcontentleft #loginbox .textSmall, #globalcontentcenter #loginbox .textSmall, #globalcontentcenter #loginbox .text  {
	font-size:11px;
	margin-left:4px;
	width:100px;
}

#globalcontentleft #loginbox input.text, #globalcontentleft #loginbox input.textSmall {
	padding:2px;
	border:1px solid #000000;
}

/* SectionHeader types */
.sectionheadNarrow01, .sectionheadNarrow02, .sectionheadWide01{
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #fff;
}

.sectionheadNarrow01{
  background-image:url(../Chat/Chat/PageHeaderNarrow01.gif);
}

.sectionheadNarrow02{
  background-image:url(../Chat/Chat/PageHeaderNarrow02.gif);
}

.sectionheadWide01{
  background-image:url(../Chat/Chat/PageHeaderWide01.gif);
}

.sectionheadChatFrontpage{
  background-image:url(../Chat/Frontpage/HeaderFrontpage.gif);
}


/* MyPage Column styling - using floating */

.myPageColumns3 {
  text-align:left;
  width:481px;
  height:50px;
}

.myPageColumns3 .col1, .myPageColumns3 .col2, .myPageColumns3 .col3 {
  width:130px;
  float:left;

}
.myPageColumns3 .col2 {
  width:290px;
  height:80px;
  margin-top:7px;
  margin-left:7px;
}
.myPageColumns3 .col3 {
  height:20px;
  text-align: right;
  float:right;
  margin-right:5px;  
}


/* Shipmail Column styling - using floating */
.ShipmailColumns3 {
  text-align:left;
  width:481px;
}

.ShipmailColumns3 .col1, .ShipmailColumns3 .col2, .ShipmailColumns3 .col3 {
  width:61px;
  float:left;
  background-color: #f3f3f3;
  height:25px;
  vertical-align:middle;
}
.ShipmailColumns3 .col2 {
  width:210px;
  float:left;
  background-color: #g4g4g4;
}
.ShipmailColumns3 .col3 {
  width:210px;
  text-align: center;
  background-color: #h5h5h5; 
}


/* Shipmail Page header */
.ShipmailPageHeader {
  width:481px;
  text-align:left;
  margin:5px;
  margin-bottom:10px;
}



/* Guestbook message header */
.GuestbookMsgHeaderColumns3 {
  text-align:left;
  margin:0px;
  width:590px;
  height:20px;
}

.GuestbookMsgHeaderColumns3 .col1,.GuestbookMsgHeaderColumns3 .col2, .GuestbookMsgHeaderColumns3 .col3 {
  width:200px;
  float:left;
}

.GuestbookMsgHeaderColumns3 .col1 {
  padding-left:2px;
}

.GuestbookMsgHeaderColumns3 .col2 {
  width:186px;
  text-align:center;
}

.GuestbookMsgHeaderColumns3 .col3 {
  text-align:right;
  padding-right:2px;
}

.GuestbookMsgHeaderColumns3 .col3 IMG {
  margin-left:3px;
}

.GuestbookMsgFrame {
  background-color:#888177;
  width:590px;
  text-align:center;
  margin-bottom:-9px;
}

.GuestbookMsgFrame .content {
  text-align:left;
  width:588px;
  overflow-x:hidden;  
  margin:1px 0px;
  background-color:#ffffff;
}
.GuestbookMsgFrame .content, .GuestbookMsgFrame .content P {
  line-height:1;
}

.EssayFrame {
  text-align:left;
  width:481px;
  overflow-x:hidden;  
  margin:1px 0px;
  border:1px solid #EBE4D2
}
.EssayFrame, .EssayFrame P {
  line-height:1;
}

.standardList .row1 {
  background:#EBE4D2;
}
.standardList .row2 {
  background:#F7F0DE;
}

.standardList .row3 {
  background:#FFFF88;
}

.standardList .content {
  text-align:left;
}

.standardList .hr {
  margin:0px;
}

.standardList .header {
  font-size:12px;
}

.buddyList .female {
  color:#630000;
}

.buddyList .male {
  color:#000036;
}


#globalcontentcentercontent H3.brown {
  font-size:14px;
  color:#9A816B;
  font-weight:bold;
}

.normalLineHeight {line-height:1em;}

/* ------------------------------------------------------
Frontpage styles
------------------------------------------------------ */
#globalcontent .frontpageChat {
  background-image:url(../Chat/Frontpage/frontpage.jpg);
  position:relative;
  width:630px;
  height:400px;
}

#globalcontent .frontpageChat .onlineBox {
  position:absolute;
  left:15px;
  top:75px;	
  font-weight:bold;
}

#globalcontent .frontpageChat .onlineBoxStart {
	background-image:url(../Chat/Frontpage/boxtop250px.gif);
	background-position: top left;
	background-repeat:no-repeat;
	margin:0px 3px;
	text-align:left;
	line-height:13px;
	padding: 0px 10px 0px 10px;*/
}

#globalcontent .frontpageChat .onlineBoxEnd {
	background-image:url(../Chat/Frontpage/boxbottom250px.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin:0px 3px 3px 3px;
	text-align:left;
	width:250px;
	overflow:hidden;
	padding: 0px 10px 6px 10px;
}

#globalcontent .frontpageChat .onlineBox .text {
  float:left;
  width:177px;
  padding-bottom:3px;

}

#globalcontent .frontpageChat .onlineBox .count {
  width:50px;
  text-align:right;
  font-weight:normal;
  padding-bottom:3px;
}

/* ------------------------------------------------------
Tabs
------------------------------------------------------ */

.tabColumns
{
  width:481px;
  height:22px;
  text-align:left;
  margin:0px 9px;
  clear:both;
}
.tabColumns div, .tabColumns div .active {
	float:left;
  margin-right:3px;
  height:22px;
}

/* color hack (Oliver is avare of this, and needs to discuss this with Oscar) */
.navscheme4 .tabColumns div.active{background:#EBE2D1;}
.navscheme4 .tabColumns div{background:#F7F0DE;}

.tabColumns div a {
  display:inline-block;
  background:url(../i/tab_back.gif);
  width:125px;
  height:22px;
  line-height:22px;
  text-align:center;
}

/* ------------------------------------------------------
fakeLink
------------------------------------------------------ */
.fakeLink{
  text-decoration:underline;
  cursor:hand;
}

/* ------------------------------------------------------
Text size
------------------------------------------------------ */
h6 { font-size:9px; }


/* ------------------------------------------------------ 
   Rank barometer style 
------------------------------------------------------ */ 
.rankBarometer {
  width:392px;
  text-align:left;
}
.rankBarometer .top {
  width:58px;
  height:24px;
  background-image:url(../Chat/Logbook/Rank/LargeRankTop.gif); 
  margin-left:100px;
}
.rankBarometer .bottom {
  width:58px;
  height:28px;
  background-image:url(../Chat/Logbook/Rank/LargeRankBottom.gif); 
  margin-left:100px;
}
.rankBarometer .userLevel {
  height:18px;
  overflow:hidden;
}
.rankBarometer .userLevel .levelIcon {
  width:100px;
  float:left;
}
.rankBarometer .userLevel .meterElm {
  width:58px;
  float:left;
}
.rankBarometer .userLevel .levelTitle {
  width:231px;
}

/* ------------------------------------------------------ 
   Edit personal information styles 
------------------------------------------------------ */ 

.personalInfoColumns {
  width:450px;
}

.personalInfoColumns .col1 {
  width:120px;
  text-align:left;
  float:left;
  font-weight:bold;
  margin-bottom:3px;
  padding-top:3px;
}

.personalInfoColumns .col2 {
  width:220px;
  float:left;
  text-align:left;
  margin-bottom:3px;
}

.personalInfoColumns .col3 {
  width:100px;
  text-align:center;
  margin-bottom:3px;
}

.personalInfoColumns .headerCol1 {
  width:340px;
  float:left;
  text-align:left;
  font-weight:bold;
  margin-bottom:9px;
}

.personalInfoColumns .headerCol2 {
  width:100px;
  text-align:center;
  font-weight:bold;
  margin-bottom:9px;
}

/* ------------------------------------------------------ 
   Edit personal security styles 
------------------------------------------------------ */ 

.personalSecurityColumns {
  width:350px;
}

.personalSecurityColumns .col1 {
  width:235px;
  height:22px;
  text-align:left;
  float:left;
  font-weight:bold;
}

.personalSecurityColumns .col2 {
  width:35px;
  height:22px;
  float:left;
  text-align:left;
}

.personalSecurityColumns .col3 {
  width:35px;  
  height:22px;
  float:left;
  text-align:center;
}

.personalSecurityColumns .col4 {
  width:35px;
  height:22px;
  text-align:center;
}

/* -------- Header styles ----------  */

.personalSecurityColumns .headerCol1 {
  width:235px;
  text-align:left;
  float:left;
  font-weight:bold;
}

.personalSecurityColumns .headerCol2 {
  width:35px;
  float:left;
  text-align:left;
  margin-bottom:3px;
}

.personalSecurityColumns .headerCol3 {
  width:35px;
  float:left;
  text-align:center;
}

.personalSecurityColumns .headerCol4 {
  width:35px;
  text-align:center;
}


/* ------------------------------------------------------ 
   Photoalbum styles
------------------------------------------------------ */ 
.photoAlbum .row1, .photoAlbum .row2 {
  padding:9px;
  height:118px;
}
.photoAlbumNoImg .row1, .photoAlbumNoImg .row2 {
  padding:3px 9px;
  height:20px;
}
.photoAlbum .row1, .photoAlbumNoImg .row1 {
  background-color:#F5F0E8;
}
.photoAlbum .row2, .photoAlbumNoImg .row2 {
  background-color:#EBE2D1;
}
.photoAlbum .photo {
  width:100px;
  height:100px;
  float:left;
  xbackground:red;
}     
.photoAlbum .top, .photoAlbumNoImg .top {
  height:20px;
  text-align:right;
  xbackground:yellow;
}
.photoAlbum .buttons, .photoAlbumNoImg .buttons {
  height:20px;
  xbackground:green;
  float:left;
}
.photoAlbum .buttons button, .photoAlbumNoImg .buttons button {
   border:none; 
   background-color: transparent; 
   width:21px;
   height:18px;
   cursor:hand;
   margin-left:9px;
}
.photoAlbum .buttons button.delete    ,.photoAlbumNoImg .buttons button.delete    { background-image: url(../Chat/logbook/photoalbum/delete.gif); }
.photoAlbum .buttons button.edit      ,.photoAlbumNoImg .buttons button.edit      { background-image: url(../Chat/logbook/photoalbum/edit.gif); }
.photoAlbum .buttons button.photochat ,.photoAlbumNoImg .buttons button.photochat { background-image: url(../Chat/logbook/photoalbum/photochat.gif); }
.photoAlbum .buttons button.profile   ,.photoAlbumNoImg .buttons button.profile   { background-image: url(../Chat/logbook/photoalbum/profile.gif); }
.photoAlbum .buttons button.view      ,.photoAlbumNoImg .buttons button.view      { background-image: url(../Chat/logbook/photoalbum/view.gif); }

.photoAlbum .desc {
  height:80px;
  overflow-y:auto;
  xbackground:blue;
  padding-left:6px;
  padding-top:9px;
}
.photoAlbumNoImg .desc {
  width:290px;
  height:20px;
  xbackground:blue;
  float:left;
}


/* ------------------------------------------------------ 
   Button columns
------------------------------------------------------ */
.buttonColumns3 {
  margin-top: 9px;
  width:336px;
  text-align:center;
}

.buttonColumns3 .but1 {
  width:100px;
  float:left;
}

.buttonColumns3 .but2 {
  width:130px;
  padding-left:3px;
  float:left;
}

.buttonColumns3 .but3 {
  width:100px;
}



/* ------------------------------------------------------ 
   Premium styles
------------------------------------------------------ */

.premiumColumns {
  width:592px;
}

.premiumColumns .col1 {
  width:150px;
  text-align:center;
  float:left;
}

.premiumColumns .col2 {
  width:265px;
  text-align:left;
  float:left;
}

.premiumColumns .col3 {
  width:130px;
  text-align:left;
}


/* ----------- Chat Packages  ----------  */


.packageContentHeader {
  margin-left:70px;
  font-weight:bold;
}

.packageContentList {
  margin-left:90px;
}


/* ------------------------------------------------------ 
   GiftShop Styles
------------------------------------------------------ */

.giftshopInputFieldCol1 {
  width:30%;
  font-weight:bold;
  text-align:left;
  float:left;
  padding-left:5px;
  margin-bottom:9px;
}

.giftshopInputFieldCol1Error {
  width:30%;
  font-weight:bold;
  text-align:left;
  float:left;
  color:#FF0000;
  padding-left:5px;
  margin-bottom:9px;
}

.giftshopInputFieldCol2 {
  width:50%;
  text-align:right;
  margin-bottom:9px;
}

.giftshopInputField {
  width:200px;
}

.giftshopInputFieldError {
  width:200px;
}


/* ------------------------------------------------------ 
   We want to use the advanced searchline, but not
   excactly as it is ... ;o)
------------------------------------------------------ */
#searchline.advanced{background-color: #FFFFFF;}
#searchline.advanced p{height:22px;}
#searchline.advanced #searchform{margin-top:0px;}
#searchline.advanced .right{ text-align: center; }

/* ------------------------------------------------------
   For the little tree like list in the support popup
------------------------------------------------------ */
ul.tree {
  list-style-type:disc;
}
ul.tree li.article
{
  list-style-image:url(../i/bullet_arrow.gif);
}