/**************************************************************
   HTML styles
 **************************************************************/
/* orange = #FF9900 */
/* green = #7a1 */

/* body, h1, h2 etc */

body { margin: 0; padding: 0; font: 400 0.7em Lucida Sans, Lucida Grande, sans-serif; }
hr, .hr { clear: left; height: 1px; border: none; background-color: #D0D0D0; border-color: #D0D0D0; color: #D0D0D0;}

@font-face {
  font-family: "Rockwell Shake";
  src: url("../images/rock.eot"); /* EOT file for IE */ 
}
@font-face {
  font-family: "Rockwell Shake";
  src: url("../images/rock.ttf");/* TTF file for CSS3 browsers */  
}

@font-face {
  font-family: "Rockwell Shake Bold";
  src: url("../images/rockb.eot"); /* EOT file for IE */ 
}
@font-face {
  font-family: "Rockwell Shake Bold";
  src: url("../images/rockb.ttf");/* TTF file for CSS3 browsers */  
}


code {padding:5px;border:1px solid #444;background:#ddd;font-size:10px;clear:both;margin:5px;display:block;}

h2, h3, .tab {font-family: Rockwell, "Rockwell MT", "Rockwell Shake Bold", Consolas, Courier New; }
h1, h4, h5 {font-family: Rockwell, "Rockwell MT", "Rockwell Shake", Consolas, Courier New; }
h1 { margin-bottom: 5px; font-size: 30px;}
h2 { text-transform: uppercase !important; background: #ff9900; padding: 2px 7px 2px 7px; color: #fff; font-size: 13px; font-weight: 800; margin:20px 0px 10px 0px;     }
h3 { margin: 0; margin-top: 10; font-size: 18px; }
h4 { margin:10px 0px 10px 0px; font-size:14px; }
html, body { height: 100%; }

input, textarea,select { color: #111; font: 400 1em Lucida Sans, Lucida Grande, sans-serif; }
.ext-strict textarea.x-form-text {height:100px;}
.textarea {height:100px;}

/* Links */
a { text-decoration: none; color: #069; font-weight: bold; cursor: pointer; }
a.arrow { background: url(../images/arrow_right.gif) 0px 3px no-repeat; padding-left: 10px; line-height: 25px; }
a:hover { color: #349800; }
a.offline { color: #aaa; }
a img { border: 0; }
p {margin:10px 0px 10px 0px;}

/* headers */
.stripes { background: #ff9900 url(../images/stripes.gif); border: 1px solid #ff9900; display: block; height: 23px; }
.stripes h2 { display: inline-block; padding-bottom: 4px; padding-top: 4px; background: #ff9900; margin:0; padding-right:20px; letter-spacing: 1px;}
/*IE hack  .stripes h2 { display: inline !important;}*/
.stripes h4 {color: #77aa11;}
.partFolded h4, .partExpanded h4 { color: #77aa11; font-size: 14px; font-weight: normal; padding-top: 3px; padding-left: 9px; padding-bottom:3px; text-transform: uppercase; background-color: #f9f9f9; border: solid 1px #999; line-height: 18px; letter-spacing: 1px; margin:0px;}
.partFolded h5, .partExpanded h5 { color: #c3c3c3; font-size: 11px; font-weight: normal; padding-top: 4px; padding-left: 4px; border-bottom: 2px solid #e3e3e3; margin: 0; }
.login h2 { display:block; background-color: #7a1; color: #fff; border-color: #7a1; height:20px;  font-size: 14px; font-weight: bold; padding-top: 3px; padding-left: 9px; padding-bottom:3px; line-height: 18px; letter-spacing: 1px; margin:0}
.newUserPanel h3 {color: #ff9900; padding-bottom: 10px;}
h1.myWorld { margin:0 0 8px; color: #7a1; font-size: 32px; font-weight:normal;}

/**************************************************************
   Framework
 **************************************************************/

/* Body layout */ 
.decoratedbody { background: url(../images/background.png); color: #555; background-attachment: fixed; }

/* headlines */
.online h1 { color: #690; }
.column4 h4 { color: #7a1; }

/* Columns */
#columns { width: 740px; padding-top: 10px; }
.column1 { float: left; width: 171px; margin: 0px 18px 0px 0px; }
.column2 { float: left; width: 264px; margin: 0px 20px 0px 0px; vertical-align: top; }
.column23 { float: left; width: 548px; margin: 0px 0px 0px 0px; }
.column234 { float: left; width: 741px; margin: 0px 20px 0px 0px; }
.column3 { float: left; width: 264px; margin: 0px 20px 0px 0px; vertical-align: top; }
.column23 .column3 { margin: 0px; }
.column4 { float: right; width: 171px; margin: 0px; }

/* Widths & Heights */
.pageWidth { width: 950px; }
.width { width: 709px; }
.width10 { width: 10%; }
.width20 { width: 20%; }
.width25 { width: 25%; }
.width26 { width: 26%; }
.width30 { width:30%;}
.width33 { width: 31%;}
.width40 { width: 36%;}
.width48 { width:48%;}
.width50 { width: 49%; }
.width75 { width: 75%; }
.width100 { width: 100%; }

/* Standard margins and paddings */
.marginRight { margin-right: 20px; }
.marginTop { margin-top: 10px; }
.horzPadLeft { padding-left: 10px; }
.horzPadRight { padding-right: 10px; }
.vertPad { padding-top: 10px; }
.halfVertPad { padding-top: 5px; }
.halfBottomPad { padding-bottom: 5px; }
.bottomPad { padding-bottom: 10px; }


/**************************************************************
	Generic layout helpers
 **************************************************************/
.block { display: block; }
.clear { clear: both !important; display: block; }
.floatLeft { float: left !important; }
.center { text-align: center}
.floatRight { float: right !important; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignTop { vertical-align: top; }
.alignMiddle { vertical-align: middle; }
.alignBottom { vertical-align: bottom; }
.overflowFix { clear: both; font-size: 1px; line-height: 1px;}
.hidden { display: none !important; }
.notvisible { visibility: hidden; }
.todo { color: red; }
.nowrap { white-space: nowrap; }


/* Edit controls */
.edit .edit { }
.edit .show { display: none; }
.show .edit { display: none; }
.show .show { }

/* */
.dim { filter: alpha(opacity=50); opacity: .5; }
.dim:hover { filter: alpha(opacity=100); opacity: 1; }

/* list rows */
.element .row { padding: 10px; }
.row { padding: 5px; }
.row img { padding-right: 10px; }
.row.even { background-color: #FFF; }
.odd { background-color: #f2f2f2; }


/**************************************************************
   Framework content
 **************************************************************/
#page { float: left; margin-bottom: 6em; padding-bottom:6em; text-align: left; background-color: #fff; width: 730px; }
#content { position: relative; width: 930px; margin: 0 auto 0 auto; padding: 0 20px 1em 20px; background: #fff; }

/* Header */
#header { height: 67px; width: 510px; background: url(../images/background.png); padding-left: 20px; padding-right: 20px; }
#header ul { margin: 40px 0 0 0 !important; padding: 0; float: left; }
#header ul li { display: inline; list-style: none; }
#header ul li a { float: left; font: 400 1.0em arial,sans-serif; letter-spacing: 0.1em; line-height: 31px !important; margin-right: 10px; color: #fff; }
#header ul li.my_world { background: url(../images/bullet_right.gif); }
#header ul li .menuselected { color: #555; float: left; background: url( '../images/tab_center_selected.png' ) repeat-x 0px 0px; padding: 0 10px; }
#header ul li a:hover { color: #fea; }
#headerPaging {text-align: center; padding: 4px 10px 4px 10px; background-color: #ff9900; color: #fff; width: 529px; min-height: 4px;}
#headerPaging.minimized {height: 4px; padding: 0; width: 550px;}
#headerPaging a { color: #fff;}

/* Tabs */
.TopMenu {position:relative;top: -4px;}
.tab { text-transform:uppercase; font-size: 14px; font-weight: bold; color: #999; width: 5px; height: 31px; overflow: hidden; background-image: url(../images/tabs.png); float: left; }
.tab.left { background-position: 0px -93px; }
.tab.center { background-position: 0px -124px; width: auto; background-repeat: repeat-x; padding: 0 8px; }
.tab.right { background-position: 0px -155px; }

.tab.selected { color: #FFF; }
.tab.left.selected { background-position: 0px 0px; }
.tab.center.selected { background-position: 0px -31px;}
.tab.right.selected { background-position: 0px -62px; }

/* Menu */
#menuContainer { width: 171px; padding-right: 20px; clear: right; float: left; background: #fff; }
#menuContainer .logo { width: 169px; height: 171px; }
#menu { width: 171px; padding-right: 20px; float: left; background: #fff; }
#menu ul { text-align: left;}
#menu ul li { display: inline; }
#menu ul ul { margin-left: 10px; }
#menu ul li a { display:block; line-height: 1.7em; font-weight: bold; font-size: 1.1em; border-bottom: 1px solid #d0d0d0;padding-left:10px; }
#menu ul li a.here { background-color: #f2f2f2; }
#menu ul li a span.desc { display: none; color: #8C8D94; font-size: 0.8em; }
#menu ul.submenu { text-align: left; }
#menu ul.submenu li { display: inline; }
#menu ul.submenu li a {display:block;line-height: 1.7em; font-weight: bold; border-bottom: 1px solid #d0d0d0; font-size: 0.8em; padding-left:10px;}

/* Footer */
#footer { background-color: #ff9900; color: #FFF; text-align: center; line-height: 19px; height: 19px; padding:5px 0px 5px 0px; margin-left: -20px; margin-right: -20px; }
#footer a { color: #FFF; margin: 0px 20px; }
#footer ul { text-align: left; }
#footer ul li { display: inline; float: left; }
#footer ul li a { float: left; line-height: 1.7em; font-weight: bold; font-size: 1.1em; }

/* User picker */
#resultDisplay { overflow: auto; border: solid 1px #CCC; width: 300px; display: none; height: 100px; position: absolute; z-index: 2000; background-color: #FFF; }
#resultDisplay .row { height: 30px; padding: 2px; clear: both; cursor: pointer; }
#resultDisplay .row:hover { background-color: #fbfbfb; }
#resultDisplay .row.selected { background-color: #fbfbfb; }
#resultDisplay .imgContainer { float: left; margin-right: 4px; width: 30px; }


/**************************************************************
   Listings
 **************************************************************/

/* event and profile listings */
.list.tiny .image { float: left; display: block; margin: 0 5px 10px 0; width: 43px; height: 43px; }

.list.wide { background-color: #FFF; border: 0 none; }
.list.wide .image { float: left; margin: 10px; width: 128px; }
.list.wide .info { float: right; background-color: #f2f2f2; width: 148px; font-size: 0.9em; padding: 10px; height: 128px; }
.list.wide .description { float: left; width: 220px; }
.list.wide h3 { font-size: 18px; padding: 8px 0 8px; }

.list .normal {padding: 10px;}
.list .normal .info { float: left; padding: 0 0 0 10px; width: 170px; }
.list .normal .image { display: block; float: left; width: 60px; height: 60px; }

.list .small .image { float: left; display: block; margin: 5px 10px 5px 10px; width: 43px; height: 43px; }
/* i'm not sure which of these that looks the best.. 10px margins gives too much room between the rows for tiny images i think... //CLN 
	.list .small .image { float: left; display: block; margin: 10px; width: 43px; height: 43px; }
*/

.list .small .info { float: left; padding: 10px 0 0 0; width: 95px; overflow: hidden; }

/* use scrollbars on some specific lists.. */
.list.topProfiles { max-height: 225px; overflow-y: auto; }
.list.topEvents { max-height: 264px; overflow-y: auto; }

.list a.tiny { display: block; float: left; padding: 4px; width: 43px; height: 43px; }

.profile.tiny .icon16, .tinyIcon {position:absolute; background-position: 0px -888px;left:16px; margin: -4px 0 10px -19px; z-index:1000;}
.profile.small .image .icon16 {position:absolute; background-position: 0px -888px;left:16px; margin: -4px 0 10px -12px; z-index:1000;}
.profile.tiny, .profile.small{position:relative;display:block;}

.lovestamp{background-image:url("../images/love2010_logo_round_100x100.png");overflow:hidden;height:100px;margin: -10px 170px; position:absolute; width:100px;z-index:1000}

.halfPadding a.tiny { padding: 5px; }
.partExpanded .list.wide, .partFolded .list.wide { border-bottom: solid 1px #dbdbdb; }

.eventList div.list.wide { border-bottom: none;}

/*InfoBoxSmall*/
#infoBoxSmall a { display: block; }
#infoBoxSmall .unread {color:#FF0000;}
#messageFolders .unread {color:#FF0000;}
/**************************************************************
   Parts
 **************************************************************/
 
/* Parts */
.partFolded, .partExpanded { margin: 0; margin-bottom: 15px; }
.partFolded fieldset, .partExpanded fieldset { border: 1px solid #e3e3e3; border-top: 0; padding:0; margin: 0; background: #fff; }
.partExpanded fieldset { background: #f8f8f8; }
.partExpanded .expanded { display: block; }
.partExpanded .summary { display: none; }
.partFolded .show.summary { display: block; padding: 10px; }
.noSummaryPadding fieldset .show.summary {padding :0px;}
.partFolded .expanded { display: none; }
.partFolded blockquote, .partExpanded blockquote {padding: 10px; margin: 0px;}
.partMinHeight .partContent {min-height: 230px;}
.partExpanded .fieldLabel { clear: right; }

.noPadding fieldset { padding: 0;}

.halfPadding fieldset { padding: 5px; }
/*.partFolded P, .partExpanded P { padding: 10px; }*/



/* Images */
img.floatRight { margin: 5px 0 10px 10px; }
img.floatLeft { margin: 5px 10px 10px 0; }

/* Lists */
ol li { font-weight: bold; color: #668FA3; }
ul, li, ol { margin: 0px; padding: 0px; list-style: none; }
ol li span { font-weight: normal; color: #444; }

/**************************************************************
   Form Elements
 **************************************************************/
form { padding: 0; margin: 0; }
label { white-space: nowrap; }
input textarea { color: #333; border: 1px solid #333; padding: 3px; }

.formField { clear: left; color: #555; }
.formField label { letter-spacing: -0.1em; font-size: 0.99em; font-weight: bold; line-height: 18px; }
.formField:hover .help { color: #000; }
.fieldLabel { font-weight: bold; letter-spacing: -0.2px; }
.edit .fieldLabel { display: block; }
.show .fieldLabel { color: #666; }

.button { cursor: pointer; background: #7a1; color: #fff !important; font-family: Lucida Sans, Lucida Grande, Sans-Serif; text-transform: uppercase; font-size: 11px; font-weight: bold; text-align: center; line-height: 21px; height: 21px; overflow: hidden; background-image:(../images/button.png); background-repeat: no-repeat; border: none; }

.option { min-width: 120px; white-space: nowrap; display: block; float: left; }
.relatedCheckBoxes { clear: left; }
.optionCheckbox { display: block; clear: left; max-height: 230px; overflow: auto; }
.optionCheckbox { clear: left; }

/* default input style */
.formField input .textBox, .formField textarea, .formField textarea, .formField select, .formField select { color: #000; border: 1px solid #888; padding: 2px; }
.formField input:focus .textBox, .formField input:hover .textBox, .formField textarea:focus, .formField textarea:hover, .formField select:focus, .formField select:hover { color: #000; background: #fe9; border: 1px solid #888; padding: 2px; }

/* override default input style for radiobuttons and checkboxes which otherwise is really ugly in ie */
.optionCheckbox input, .optionCheckbox input:focus, .optionCheckbox input:hover { width: 20px; border: none; }
.optionCheckbox label { clear: none; float: none; font-weight: normal; line-height: inherit; }
.radioButtonList input, .radioButtonList input:focus, .radioButtonList input:hover, .treecontrol input, .treecontrol input:hover, .treecontrol input:focus { border: none; }
.checkBoxList { white-space: nowrap}

/* profile toolbox */
.toolbox { border: 1px solid #7a1; background-color: #fff; z-index: 12000 !important;width:295px; height: 70px; overflow: hidden;}

.profileImage {float:left;}

/* star rating */
.star-rating { list-style: none; margin-top: -3px; padding: 0px; width: 125px; height: 25px; position: relative; overflow: hidden; background: url(../images/alt_star.gif) top left repeat-x; }
.star-rating li { padding: 0px; list-style-image: none; margin: 0px; width: 25px; height: 25px; float: left; }
.star-rating li a { display: block; width: 25px; height: 25px; line-height: 25px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; overflow: hidden; }
.star-rating li a:hover { background: url(../images/alt_star.gif) left bottom; z-index: 2; left: 0px; border: none; }
.star-rating a.one-star { left: 0px; }
.star-rating a.one-star:hover { width: 25px; }
.star-rating a.two-stars { left: 25px; }
.star-rating a.two-stars:hover { width: 50px; }
.star-rating a.three-stars { left: 50px; }
.star-rating a.three-stars:hover { width: 75px; }
.star-rating a.four-stars { left: 75px; }
.star-rating a.four-stars:hover { width: 100px; }
.star-rating a.five-stars { left: 100px; }
.star-rating a.five-stars:hover { width: 125px; }
.star-rating li.current-rating { background: url(../images/alt_star.gif) left center; position: absolute; height: 25px; display: block; text-indent: -9000px; z-index: 1; top: 0; left: 0; }

/* remove halo effect in firefox   */
.star-rating a:active { outline: none; }

/*Icons*/
.icon { background-image: url(../images/icons_24.png); width: 24px; height: 24px; overflow: hidden; display: block; margin-right: 3px; float:left;}
.partFolded .icon.summary {padding:0px;}
.icon16 { width: 16px; height: 16px; overflow: hidden; background-image: url(../images/icons_24.png); }
.icon.location { background-position: 0px 0px; }
.icon.location:hover { background-position: -24px 0px; }
.icon.calendar { background-position: 0px -24px; }
.icon.calendar:hover { background-position: -24px -24px; }
.icon.time { background-position: 0px -48px; }
.icon.time:hover { background-position: -24px -48px; }
.icon.people { background-position: 0px -72px; }
.icon.people:hover { background-position: -24px -72px; }
.icon.money { background-position: 0px -96px; }
.icon.money:hover { background-position: -24px -96px; }
.icon.check { background-position: 0px -120px; }
.icon.check.inactive { background-position: -24px -120px; }
.icon.message { background-position: 0px -144px; }
.icon.message:hover { background-position: -24px -144px; }
.icon.thumbs { background-position: 0px -168px; }
.icon.thumbs:hover { background-position: -24px -168px; }
.icon.friendAdd { background-position: 0px -192px; }
.icon.friendAdd:hover { background-position: -24px -192px; }
.icon.flirtAdd { background-position: 0px -216px; }
.icon.flirtAdd:hover { background-position: -24px -216px; }
.icon.delete { background-position: 0px -240px; }
.icon.delete:hover { background-position: -24px -240px; }
.icon.minimizeDim { background-position: 0px -264px; }
.icon.minimizeDim:hover { background-position: -24px -264px; }
.icon.maximizeDim { background-position: 0px -288px; }
.icon.maximizeDim:hover { background-position: -24px -288px; }
.icon.minimize { background-position: 0px -312px; }
.icon.minimize:hover { background-position: -24px -312px; }
.icon.maximize { background-position: 0px -336px; }
.icon.maximize:hover { background-position: -24px -336px; }
.icon.match { background-position: 0px -360px; }
.icon.match4 { background-position: 0px -864px; }
.icon.match3 { background-position: 0px -842px; }
.icon.match2 { background-position: 0px -818px; }
.icon.match1 { background-position: 0px -794px; }
.icon.woman { background-position: 0px -384px; }
.icon.man { background-position: 0px -408px; }
.icon.userProfile { background-position: 0px -432px; }
.icon.offline { background-position: 0px -456px; }
.icon.online, .icon.Online { background-position: 0px -480px; }
.icon.LastHour { background-position: 0px -456px; }
.icon.Last24Hours { background-position: 0px -456px; }
.icon.Last3Days { background-position: 0px -456px; }
.icon.LastWeek { background-position: 0px -456px; }
.icon.LastMonth { background-position: 0px -456px; }
.icon.MoreThan1Month { background-position: 0px -456px; }
.icon16.messageType1 { background-position: 0px -504px; }
.icon16.messageType1:hover { background-position: -24px -504px; }
.icon16.messageType2 { background-position: 0px -504px; }
.icon16.messageType2:hover { background-position: -24px -504px; }
.icon16.messageType3 { background-position: 0px -600px; }
.icon16.messageType3:hover { background-position: -24px -600px; }
.icon16.messageType10 { background-position: 0px -528px; }
.icon16.messageType10:hover { background-position: -24px -528px; }
.icon16.messageType8 { background-position: 0px -552px; }
.icon16.messageType8:hover { background-position: -24px -552px; }
.icon16.messageType9 { background-position: 0px -552px; }
.icon16.messageType9:hover { background-position: -24px -552px; }
.icon16.friendAdd { background-position: 0px -624px; }
.icon16.friendAdd:hover { background-position: -24px -624px; }
.icon16.goldmember { background-position: 0px -648px; }
.icon.private { background-position: 0px -674px; background-color: #ff9900; width: 18px; margin-right:5px;  height:18px; margin-left: -4px; margin-top: -4px;}
.icon.save { background-position: 0px -698px; }
.icon.save:hover { background-position: -24px -698px; }
.icon.saveDisabled { background-position: 0px -722px; }
.icon16.arrowDownLeft { background-position: 0px -746px; }
.icon16.arrowDownLeft:hover { background-position: -24px -746px; }
.icon16.arrowDownRight { background-position: 0px -770px; }
.icon16.arrowDownRight:hover { background-position: -24px -770px; }
.icon16.newUser  { background-position: 0px -888px; }
.icon.likeWhite  { background-position: 0px -912px; background-color: #ff9900; width: 22px; margin-right:5px;  height:20px; margin-left: -4px; margin-top: -5px;}
.icon.likeColor  { background-position: 0px -936px;}
.iconAlign { line-height: 24px; }
.icon.friendRemove{ background-position: 0px -960px; }
.icon.friendRemove:hover{ background-position: -24px -960px; }
.icon.flirtRemove{ background-position: 0px -984px; }
.icon.flirtRemove:hover{ background-position: -24px -984px; }
.icon.blockUser{ background-position: 0px -1008px; }
.icon.blockUser:hover{ background-position: -24px -1008px; }
.icon.blockUserDisabled{ background-position: 0px -1032px; }
.icon.block{ background-position: 0px -1056px; }
.icon.block:hover{ background-position: -24px -1056px; }
.icon.blockDisabled{ background-position: 0px -1080px; }
.icon.deleteMultipleMessages{ background-position: 0px -1104px; }
.icon.deleteMultipleMessages:hover{ background-position: -24px -1104px; }
.icon.deleteMultipleMessagesDisabled{ background-position: 0px -1128px; }
/*Progressbar*/
.progressbar { background-image: url(../images/progressbar.png); overflow: hidden; width: 125px; height: 15px; color: #FFF; padding-top: 1px; }
.progressbar.level0 { background-position: 0px 0px; padding-left: 10px; width: 115px; color: #555; }
.progressbar.level1 { background-position: 0px -16px; padding-left: 15px; width: 110px; color: #555; }
.progressbar.level2 { background-position: 0px -32px; padding-left: 30px; width: 95px; color: #555; }
.progressbar.level3 { background-position: 0px -48px; padding-left: 10px; width: 115px; }
.progressbar.level4 { background-position: 0px -64px; padding-left: 25px; width: 100px; }
.progressbar.level5 { background-position: 0px -80px; padding-left: 35px; width: 90px; }
.progressbar.level6 { background-position: 0px -96px; padding-left: 50px; width: 75px; }
.progressbar.level7 { background-position: 0px -112px; padding-left: 60px; width: 65px; }
.progressbar.level8 { background-position: 0px -128px; padding-left: 75px; width: 50px; }
.progressbar.level9 { background-position: 0px -144px; padding-left: 85px; width: 40px; }
.progressbar.level10 { background-position: 0px -160px; padding-left: 90px; width: 35px; }

#messageFolders { padding: 0px; }
#messageFolders a { display: block; }
.unread { font-weight: bold;}
#messageFolders .submenu{font-size:0.8em;font-weight:bold;padding-left:10px;}
#infoBoxSmall .submenu{font-size:0.8em;font-weight:bold;padding-left:10px;}


/*Pager*/
.pager { clear: both; margin-top: 18px; }
.pager ul { list-style: none; margin: 0px; padding: 0px; }
.pager ul li { float: left; margin: 2px; border: 1px solid #555; }
.pager ul li a { display: block; padding: 2px 6px; text-decoration: none; color: #555; font-weight: 700; }
.pager ul li span { display: block; padding: 2px 6px; color: #999; }
.pagerul li a:hover { border: 1px solid #555; color: #555; background: #f1f6f8; }
.pager ul li.selected { background: #EEE; }
.pager ul li.disable { border: 1px solid #999; color: #999; font-weight: 700; }

/**************************************************************
   Controls
 **************************************************************/

/* Photo gallery*/
.photo_album .photo { float: left; width: 83px; height: 83px; margin-right: 5px; }
.photo_album .editor { padding: 4px; background-color: #CCC; margin-top: 8px; clear: left; }

/* Forum */
.forum .post { font-size: 0.9em; padding: 5px; border-bottom: 1px solid #f2f2f2; }
.forum .post .header { font-weight: bold; color: #999;margin-top:5px; }
.forum .post img { padding:5px 10px 5px 5px; width: 43px; float: left; }
.forum .input { border: solid 1px #CCC; }
.forum .post .body { color: #333; font-weight: bold; }
.forum .editor { clear: both; border-bottom: solid 1px #AAA; background-color: #F2F2F2;padding: 10px; }
.forum .post.read .body {font-weight:normal; }

/* Feed */
.feed .post { font-size: 0.9em; padding: 5px; border-bottom: 1px solid #f2f2f2; }
.feed .post .header { font-weight: bold; color: #999;margin:5px 0 3px 0; width:100px; }
.feed .post img { padding:5px 10px 5px 5px; width: 43px;  }
.feed .input { border: solid 1px #CCC; }
.feed .post .body { color: #333; font-weight: bold;width:410px; }
.feed .editor { clear: both; border-bottom: solid 1px #AAA; background-color: #F2F2F2;padding: 10px; }
.feed .post.read .body {font-weight:normal; }
.feed .more { padding:10px }
.feed .post .links { float:right; padding:5px; }

/*Event*/
.actionBox { clear: left; border: 1px solid #444444; padding: 4px;}

.event.square {width: 128px;}


/*Message*/
.senderImage { float: right; width: 43px; height: 43px; margin: 2px 10px 0px 0px; padding: 2px; border: solid 1px #555; }
.folder { display: block; padding-left: 4px; clear: both; }

/*OnlineControl*/
.imageleft { float: left; margin-top: 3px; margin-right: 3px; }

/*Profile*/
.profileRow:hover { background-color: #EEE; }

/*Shaded zone elements*/
.shadedBackground .zone .element { padding: 10px; }
.shadedBackground .zone .element .stripes { margin: -10px; }

.spotlight { margin-bottom: 10px; }
.spotlight img { margin-bottom: 5px; }

/* login box */
.logincontrol .username { font-size: 10px; width: 145px; color: #555; }
.logincontrol .password { font-family: Verdana; font-size: 10px; width: 145px; color: #555; margin-right: 5px; }
.logincontrol .password.filled { background-color: Blue;}
.radioButtonList { clear: left; }


/**************************************************************
   Templates
 **************************************************************/

/*MyWorld */
#Page_MyWorld .profilePhoto { width: 264px; height: 264px; display: block; }

/*Toplist*/
.toplist .rank {text-align:center;padding:2px;}
.toplist .grade {text-align:center;padding:2px;}
.toplist a {background-color:#F2F2F2; color:#000;font-weight:normal;}

.eventToplist .rank {float:left;padding:2px; margin-top:16px;}
.eventToplist .grade {float:right;padding:2px; margin-top:16px;}

/*Photo*/
#Page_Photo .AlignToComments fieldset ul{min-height:56px;}
#Page_Photo .forum textarea{min-height:58px;}

#Page_NewEventInfo .minHeight {min-height:170px;}
#Page_NewEventInfo .width33 {width:176px;}

/**************************************************************
   Trex and admin styles
 **************************************************************/
#Page_recordEditor .x-tabs-item-body { background-color: #EEE; padding: 8px; }
#editorTabs .editorTab{background-color:#DADADA;border:solid 1px #AAA;color:#000;float:left;padding:6px 8px;margin-left:4px; cursor:pointer;position:relative;top:1px;width:auto;height:auto;background-image:none;}
.tabContent{display:none;border:solid 1px #AAA;background-color:#EEE;clear:both;padding:10px;}
.editorButtons {text-align:right; border:solid 1px #AAA;border-top:none;background-color:#EEE;clear:both;padding:10px;margin-left:300px;}
.TxField {min-height:20px; line-height:20px; width:95%; background: url(../Libraries/ext-2.2/resources/images/default/form/text-bg.gif) repeat-x 0px 0px rgb(255, 255, 255); border: 1px solid rgb(181, 184, 200); padding: 1px 3px;}

/**************************************************************
   Introduction page
 **************************************************************/
 .formOverlay input{ width:156px;margin-bottom:4px;border:solid 1px #000;}
 .formOverlay label{ width:164px;display:block;float:left; font-weight:bold;color:#000;}
/**************************************************************
   New and unsorted classes
 **************************************************************/
.information
{
    padding:10px;
    margin-bottom:10px;
    font-weight:bold;
    color:#FFF;
    background-color:#ff9900;
    text-align:center;
}
.warning{color:#FF0000!important;}

.simpleSearch {clear:both;}
.simpleSearch .optionCheckbox { max-height: 80px; }

.eventSearch label
{
	white-space: nowrap;
	width: 110px;
	display: block;
	float:left;
	clear:left;
}

.eventSearch input#freetext
{
	color: #444;
	padding:4px;
	font-size:1.2em; 
	margin-top: -3px; 
	width: 320px;
}

.searchItem {padding:5px; /* border: 1px solid #ffffff; border-bottom: 1px solid #77aa11; */}

.searchItem img {width: 43px; height: 43px; margin-right:5px; float:left;}

.conversation{
    padding:4px;
    border:solid 1px #CCC;
    background-color:#EFEFEF;
    margin-top:8px;
        margin-right:80px;
}
.conversation.sent{
    margin-left:80px;
        margin-right:0px;
}
.conversation.current{
    border:solid 4px #000;
}
.conversation.future{
    color:#CCC;
}
#messageHistoryLinkContainer {text-align:center; padding-top: 20px;}
#friendAndFlirtManagerContainer {text-align:center;}
#messagePart {width: 549px;}

a.disabled {color:#CCC;}

#content #logo { width: 171px; height: 171px; background-image:url(../images/logo.png);}

.abuse
{
    border:solid 2px #FF0000;
}

#dimBackground{filter: alpha(opacity=50); opacity: .5; position:absolute;left:0px;top:0px;background-color:#000;width:100%;height:100%;display:none;}

.classForumReload {visibility:hidden;position:absolute;padding:20px;background-color:#ff9900;color:#FFF;font-size:16px;}
#upload_popup, #fallback_upload_popup, .dialog  {visibility:hidden;position:absolute;top:0px;display:none}

.eventSearch{background-color:#f2f2f2;padding:12px;border:1px solid #dbdbdb;}

.formField
{
	margin-right:15px;
	margin-bottom:10px;
}
.myWorldOnline
{
	width:157px;
	float:left;
	margin-right:10px;
}
.myWorldOnline div
{
	float:left;
}
.myWorldMatch
{
	width:96px;
	float:left;
}
.myWorldStatus
{
	font-style:italic;
}
.friendAdd 
{
	width:24px;
}
#messageFriendHolder, #flirtHolder
{
	float:left;
}
#flirtHolder
{
	width:45%;
}
#messageFriendHolder
{
	width:55%
}
.iconText
{
	margin-left:10px;
	width:150px;
}

.sendMessage
{
	clear:right;
}
.flirtAdd2
{
	background-image: url(../images/flirtIkonGronVit.gif);
	background-repeat:no-repeat;
	padding-left: 18px;
	padding-bottom:10px;
	margin-left:5px;
}
.flirtAdd2:hover
{
	background-image: url(../images/flirtIkonGronVitMO.gif);
	background-repeat:no-repeat;
}
.delete2
{
	background-image: url(../images/flirtIkonSvartVit.gif);
	background-repeat:no-repeat;
	padding-left: 18px;
	padding-bottom:10px;
	margin-left:5px;
}
.delete2:hover
{
	background-image: url(../images/flirtIkonSvartVitMO.gif);
	background-repeat:no-repeat;
}

.pastDate, .futureDate, blockquote.pastDate, blockquote.futureDate 
{
    color:#555555;
    width:auto;
    background-color:#F2F2F2;
    border-bottom:1px solid #ccc;
}
.OnlineMatchWrapper .onlineStatusText
{
	width:130px;
	padding-top:5px;
}


.element.randomized .row {display:none;position:absolute;width:242px;}
.element.randomized .row.odd {background-color:Transparent;}

 .randomZone .randomized
 {
     height:120px;
     position:relative;
 }

 .randomZone .body{text-align:right;margin-right:20px;}
 .notifications h6 {margin:0px;}
 .notifications {overflow-y:scroll;height:200px;position:relative;}
 
 .imageRotator{height:280px;position:relative;}
 .rotatorGroup{clear:both;display:none;position:absolute;width:264px;left:5px;top:5px;}
 .rotatorGroup.firstGroup {display:block;}
 
 .memberSelectorToolbox
 {
     padding:5px;
     background:#FF9900;
     color:#FFF;
 }

.statusBox {padding:5px;}
.statusBox .status { width:100%;}

.activeResults {color:Red;}
.inactiveResults {color:Black;}

#sharePagePopup .description {height:120px;padding:10px;background-color:#EFEFEF; overflow-y: auto;}
#sharePagePopup #sharerName {width:250px;}
.friendlist {position:relative;}
.friendlist .small .info {width:165px;}
.randomizedCategoryList {height:120px;position:relative;padding:10px;}
.randomizedCategory {display:none;position:absolute;height:120px;}

.ellipsis, .ellipsis a {white-space: nowrap;overflow:hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.ellipsis a {display:block;}