body {
margin:0;
padding:0;
font-family: Arial, Verdana, Tahoma, Helvetica;
font-size: 11px;
background-color: #000000;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
span.text {
line-height:15px;
font-size:12px;
}
div.aff120600 {
float:left;
width:120px;
height:600px;
background-color:rgb(240,240,240);
margin-left:10px;
margin-top:20px;
}

div.aff160600 {
float:left;
width:160px;
height:600px;

}
div.adscaleAdvert {
float:left;
}
div.aff46860 {
float:left;
width:468px;
height:60px;
}
div.aff72890 {
float:left;
height:90px;
width:728px;
}
div.right {
float:right;
}
div.box {
position:absolute;
top:0px;
left:0px;
background:#FFFFFF;
width:200px;
border:1px solid gray;
}
div.box div.element {
float:left;
width:200px;
height:25px;
cursor:pointer;
}
div.box div.hover {
background-color:rgb(240,240,240);
}
div.box div.element div.img {
width:25px;
height:25px;
float:left;
}
div.box div.element div.type {
float:right;
}
div.box div.element div.description {
width:125px;
height:25px;
overflow:hidden;
float:left;
cursor:pointer;
font-weight:bold;
}
/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder
{
	text-align: left;
}

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('Jcrop.gif') top left repeat;
	/*
	opacity: .5;
	*filter:alpha(opacity=50);
	*/
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker {
	*background-color: gray;
	width: 100%; height: 100%;
}

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

input[type=text] {
width: 300px;
border: 1px solid #808080;
margin-bottom: 5px;
padding: 3px;
color: #808080;
}
input[type=password] {
width: 300px;
border: 1px solid #808080;
padding: 3px;
color: #808080;

}
div#container {
width:940px;
margin-left:auto;
margin-right:auto;

}
div#header {
float:left;
width:936px;
height:119px;
background-color:white;
overflow:hidden;
}
div.headersideblock {
float:left;
width:63px;
height:129px;
}
div#header div#middle {
float:left;
width:810px;
height:129px;
color:white;
}
div#header div#headermenu {
width:100%;
height:16px;
text-align:right;
padding-top:10px;

color:#666666;
}
div#headermenu a {
color:#666666;
}
div#header div#bar {
width:100%;
height:103px;
float:left;
background:#FFFFFF url(http://www.emotreff.net/images/header_bar_bg.jpg);
}
div#bar div#logo {
float:left;
width:170px;
height:80px;
}
div#bar div#search {
width:170px;
height:50px;
margin-top:30px;
float:right;
}
div#bar div#search input[type=text] {
width:97px;
height:16px;
border:1px solid gray;
}
div#bar div#infopanel {
width:276px;
height:32px;;
float:left;
margin-top:19px;
margin-left:30px;
background:transparent url(http://www.emotreff.net/images/infopanel.jpg);
padding-left:5px;
padding-top:12px;
font-size:16px;
color:white;
display:inline;
}
div#infopanel a {
color:white;
}
div#leftside {
width:936px;
height:auto;
background:#FFFFFF url(http://www.emotreff.net/images/left.jpg) repeat-y top left;
float:left;
}
div#rightside {
width:936px;
height:auto;
background:transparent url(http://www.emotreff.net/images/right.jpg) repeat-y top right;
float:left;
}
div#content {
margin-left:56px;
width:880px;
float:left;
display:inline;
}
/** Left block. */
div.leftsideblock {
float:left;
width:132px;
margin-left:18px;
display:inline;

}
div.leftsideblock a {
display:block;
width:117px;
font-size:12px;
line-height:25px;
color:#666666;
padding-left:15px;
border-bottom:1px dotted gray;
}
div.leftsideblock a.marked {
padding-left:24px;
width:107px;
color:#b81157;
font-weight:bold;
background:url(http://www.emotreff.net/images/star.gif) no-repeat 6px 6px;
}
div.leftsideblock a:hover {
text-decoration:none;
font-weight:bold;
}
div.leftsideblock div.users a {
text-decoration:none;
border:0;
}
/** Right block. */
div.rightsideblock {
float:right;
width:150px;
margin-right:25px;
display:inline;
}
div.rightsideblock a {
text-align:center;
padding-left:0px;
width:115px;
display:block;
font-size:11px;
line-height:25px;
color:#666666;
border-bottom:1px dotted gray;
}
div.rightsideblock a.marked {

width:107px;
color:#b81157;
font-weight:bold;

}
div.rightsideblock a:hover {
text-decoration:none;
font-weight:bold;
}
div.rightsideblock div.profile_image {
width:150px;
height:200px;
float:left;
}
div.rightsideblock div.bg1 {
background: #FFFFFF url(http://www.emotreff.net/images/profile_bg1.jpg);
float:left;
}
div.nopadding {
padding:0;
}
div.nomargin {
margin:0;
}
div.profile_image div.image {
float:left;
width:110px;
height:141px;
overflow:hidden;
margin-left:21px;
display:inline;
margin-top:26px;
}
div.image a {
border:0;
}
div.contentblock {
width:640px;
float:left;
margin-left:25px;
display:inline;
}
div.middlecontent {
float:left;width:445px;
}
div.contentblock h1 {
width:625px;
}

h2 {
width:615px;
height:20px;
background:#b81157 url(http://www.emotreff.net/images/h2l.jpg);
margin:0;
padding:0;
margin-top:5px;
margin-bottom:5px;
padding-left:22px;
padding-top:4px;
font-size:11px;
font-weight:bold;
float:left;
color:white;
}
div.middlecontent h2, h2.small {
width:432px;
height:20px;
background:#b81157 url(http://www.emotreff.net/images/h2.jpg);
}
h2 a {
color:white;
}
h1 {
font-size:18px;
margin:0;
padding:0;
margin-bottom:5px;
width:444px;
padding-left:10px;
color:black;
border-bottom:1px dotted black;
}
div.entry {
float:left;
width:446px;
height:auto;
line-height:18px;
padding-left:2px;
padding-top:2px;
}
div.entry div.left {
float:left;
width:150px;

}

div.big div.entry {
width:630px; 
}
div.big div.entry div.left {
width:324px;
}
div.entry div.right {
float:left;
width:294px;
}
div.entry div.settings {
text-align:right;
float:right;
width:20px;
}
div.entry div.settingsl {
width:400px;
}
div.entry div.right input {
width:300px;
margin:0;
padding:0;
}

form {
margin:0;
}
label {
cursor:pointer;
}
div.friends_search {
float:left;

width:642px;
height:80px;
margin-bottom:20px;
}
div.index_box {
width:500px;
float:left;
height:auto;
border:0px solid black;
margin-top:10px;
margin-left:5px;
background-color: transparent;
margin-bottom: 20px;
color: gray;
display:inline;

}
div.index_box h1 {
width:500px;
height:20px;
margin:0;
padding:0;
text-align:left;
font-size:13px;
background-color: transparent;
color:black;
border-bottom: 1px dotted gray;
margin-bottom: 3px;
}
div.index_box h1 a {
color:black;
text-decoration:none;
}
div.index_box h1 a:hover {
background-color: black;
color:white;
}
div.vis {
float:left;
width:80px;
background-color: white;

overflow:hidden;
text-align:center;

}
div#leaderboard {
margin-top:10px;
float:left;
margin-left:100px;
display:inline;
}
div.gallery {
float:left;
width:600px;
height:auto;
padding:5px;
margin-left:0px;
}
div.photo {
background-color:rgb(255,200,200);
width:170px;
padding-left:auto;
padding-right:auto;
padding-top:20px;
margin-top:5px;
text-align:center;
border:1px solid black;
float:left;
margin-left:5px;
height:170px;
display:inline;
}
div.thumb {
width:115px;
height:auto;
float:left;
background-color:white;
border:1px solid #AF0045;
margin:2px;
padding-top:5px;
padding-left:auto;
padding-right:auto;
padding-bottom:5px;
text-align:center;
}

a {
color: #AF0045;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
div.contentbox {
float:left;
}
div.contentbox a {
color: gray;
font-size:12px;
text-decoration:none;
}
div.contentbox a:hover {
text-decoration:underline;
}
div#footermenu {
width: 800px;
padding-top:5px;
margin-top: 10px;
border-top:1px dotted black;
margin-left:10px;
text-align:center;
float:left;
display:inline;
}
div#footermenu a {
text-decoration: none;
color: black;
}
div#footermenu a:hover {

}

input[type=submit] {
width:108px;
height:24px;
background: transparent url(http://www.emotreff.net/images/button_big_normal.gif);
cursor:pointer;
border:0;
margin:0;
color:#585858;
padding-top:0px;
vertical-align:top;
font-size:10px;
font-weight:bold;
}
input[type=submit]:hover {
background: transparent url(http://www.emotreff.net/images/button_big_hover.gif);
color:white;
}
button, .button {
width:108px;
height:24px;
background: transparent url(http://www.emotreff.net/images/button_big_normal.gif);
border:0;
margin:0 0 0 0;
color:#585858;
padding:0 0 3px 0;
vertical-align:top;
font-size:10px;
font-weight:bold;
white-space:nowrap;
text-align:middle;
cursor:pointer;
}
button a, .button a {
color:gray;
}
button:hover, .button:hover {
background: transparent url(http://www.emotreff.net/images/button_big_hover.gif);
color:white;
}
button.span {
margin:0;
padding:0;
}
textarea {
border: 1px solid #808080;
background-color: white;
}

div#profile_left {
float:left;
width: 175px;
padding-right:10px;
padding-top: 10px;
padding-left: 5px;
}

div#profile_right {
float:left;
width: 465px;
padding-left:10px;
border-left: 1px dotted #808080;
margin-top: 10px;
overflow:hidden;
}
div#profile_right h2 {
width: 462px;
}

div#c_d0 {
float:left;
width:670px;
}
div#c_d1 {
float:left;
width:340px;
}
div#c_d2 {
float:left;
width: 300px;
}
div#c_e {
float: left;
width: 470px;
}
div.photos_gallery {
width: 630px;
float: left;
}
div.photos_gallery_left {
float: left;
width: 80px;
}
div.photos_gallery_right {
float: left;
width: 600px;
}
div.photos_photo {
width: 670px;
border-bottom: 1px solid red;
float: left;
}
div.photos_photo_left {
float: left;
width: 160px;
}
div.photos_photo_right {
float: left;
width: 300px;
}

td.profile {
width: 120px;
vertical-align: top;
}
div#profile_pic {
float: left;
text-align: center;
margin-bottom: 10px;
}
div#profile_menu {
float:left;
width:150px;
}


textarea {
border: 1px solid #808080;
margin-bottom: 5px;
padding: 3px;
color: #808080;

}

div.friends_new {
float:left;
width: 630px;

margin-bottom:5px;
}
div.friends_new_left {
float:left;
width: 120px;

}
div.friends_new_right {
float:right;
padding-left:10px;
}
a.menu_link {
display:block;
width: 150px;
border-bottom: 1px solid black;
text-decoration: none;
}
a.menu_link:hover {
background-color: #EFEFEF;
}
a.n {
color:white;
display:normal;
background-color:transparent;
text-decoration:none;
}
a.n:hover {
text-decoration: none;
background-color:transparent;
}
div.group {
float:left;
width: 635px;
height: auto;

}
div.group_topic {
float:left;
width: 490px;
border-top:1px solid red;
height: 28px;
}
div.group_topic_top {
float:left;
width: 490px;
height: 14px;
font-size: 11px;
background-color:rgb(230,230,230);
}
div.group_topic_bottom {
float:left;
width: 490px;
height: 14px;
font-size: 11px;

}
div.post {
float:left;
width: 662px;
height:auto;
margin-bottom:10px;
}
div.white {
background:rgb(250,250,250);
}
div.post div.post_right {
float:left;
width:113px;
overflow:hidden;
background-color:white;
border:1px solid rgb(240,200,200);
padding-left:3px;
margin-right:1px;
}
div.post div.post_left {
float:left;
width: 542px;
overflow:hidden;
height:auto;
}
div.post div.post_left_top {
float:left;
width: 580px;
border-top:1px solid red;
background-color:#EFEFEF;
color:black;
}
div.post div.post_left_top a {
color:black;
}
div.post div.post_left_top a:hover {
text-decoration:underline;
background-color:transparent;
}
div.post div.post_left_bottom {
float:left;
width: 580px;
background-color:white;
margin-top:1px;
border-top:1px solid rgb(240,200,200);
border-bottom:1px solid rgb(240,200,200);
}

div.bright_links a {

}
div.bright_links a:hover {
background-color:transparent;
text-decoration: underline;
}
div.post a:hover {
background-color: white;
text-decoration: none;
}
div#messages_top {
float:left;
width: 670px;
background-color:#AF0045;
color: white;
}
div.message {
float:left;
width: 640px;
color:#666666;
height:50px;
}
div.message_new {
float:left;
width: 640px;
color:#666666;
}
div.open_message {
float:left;
width: 640px;
overflow:hidden;
color:#666666;
}
div.open_message_top {
float:left;
width:640px;
height:40px;
}
div#answer_box {

}
div.big_image {
width: 100%;
text-align: center;
}
div.comment {
float:left;
width: 630px;
border: 1px solid #999999;
margin-top:10px;
background-color:#FFFFFF;
}
div#image {
background-color:#FFFFFF;
width: 630px;
margin-top: 10px;
margin-left: 5px;
display:inline;
}

div#image img {
border:0px solid;
}

div#comments {
float:left;
background-color: #F6F6F6;
border: 1px solid #999999;
color:#666666;
padding-left:5px;

margin-top: 10px;
padding-bottom: 10px;
width: 633px;
}


div.wall_entry {
float:left;
width: 445px;

margin-top:10px;
background-color:#FFFFFF;
}

div#wall {
float:left;

color:#666666;
padding-left:5px;
margin-top: 10px;
padding-bottom: 10px;
width: 455px;
}
div.forum {
float:left;
width:640px;


}

div.topic {
float:left;
width:615px;
padding-left:5px;
padding-top:5px;
height:45px;
}
div.top {
margin-top:20px;
background-image:url(http://www.emotreff.net/images/h2l.jpg);
width:615px;
height:20px;
margin:0;
padding:0;
margin-top:5px;
margin-bottom:5px;
padding-left:22px;
padding-top:4px;
font-size:11px;
font-weight:bold;
border:0;
float:left;
color:white;
}
div.post div.top {
background:transparent;
}
div.top a {
color:white;
}
div.forum .name {float:left;width:310px;padding:2px;display:inline;overflow:hidden;}
div.forum .name a {font-size:16px;font-weight:bold;}
div.forum .topics {float:left;width:50px;margin-top:7px;display:inline;}
div.forum .posts {float:left;width:50px;margin-top:7px;display:inline;}
div.forum .lastpost {float:right;width:150px;margin-top:7px;display:inline;}


div.topic .name {float:left;width:380px;overflow:hidden;display:inline;margin-right:10px;}
div.top .name {float:left;width:370px;}
div.topic .name a {font-size:16px;font-weight:bold;}

div.topic .lastpost {float:left;width:120px;}
div.topic .posts {float:left;width:50px;}
div.topic .hits {float:left;width:50px;}

div.post {
float:left;
width:636px;
margin:0;
font-size:12px;
}
div.post div.left {
float:left;
width:45px;
height:100%;
}
div.post div.leftborder {


height:100%;
width:45px;
float:left;
}
div.post div.right {
float:left;
width:575px;
margin-left:10px;
display:inline;
}
div.post div.right div.top {
height:15px;
float:left;
width:555px;
border-bottom:1px dotted;
margin-top:0px;
font-weight:normal;
color:#585858;
}
div.post div.right div.top a {
color:#666666;
background-color:transparent;
text-decoration:none;
}
div.post div.right div.top a:hover {
color:black;
background-color:transparent;
text-decoration:none;
}
div.post div.right div.text {
height:auto;
float:left;
width:565px;
font-size:12px;
overflow:hidden;
}
div.text a {
color:#AF0045;
}
div.text a:hover {
background:transparent;
text-decoration:underline;
}

div.top .name a {font-size:12px;font-weight:normal;}

div.topic a.small {font-size:11px;font-weight:normal;}

a.bigbutton {font-size:15px;font-weight:bold;}

div.leftsideblock h1, h1.smallblack, div.rightsideblock h1 {
font-size:11px;
font-weight:bold;
float:left;
color:white;
margin:0px;
margin-top:10px;
padding:0;
padding-top:4px;
padding-left:22px;
border:0px solid;
width:117px;
height:16px;
background:url(http://www.emotreff.net/images/h1_bg_right.jpg);
}
input.selected {
background:rgb(240,240,240);
}
div.cbox {
float:left;
margin-top:10px;
display:inline;
background:#f9eaf1;
}
div.cbox h1 {
width:400px;
}
table.cbox {
margin:0;
padding:0;
width:100%;
background:#f9eaf1;
}
td.left {
background:url(http://www.emotreff.net/images/box/box_left.gif) repeat-y;
width:3px;
}
td.content {
padding:5px;
}
td.right {
background:url(http://www.emotreff.net/images/box/box_right.gif) repeat-y;
}
td.topmiddle {
background:url(http://www.emotreff.net/images/box/box_top.gif) repeat-x;
}
td.bottommiddle {
background:url(http://www.emotreff.net/images/box/box_bottom.gif) repeat-x;
}
div.friendsNews {
float:left;
margin-top:5px;
margin-left:5px;
display:inline;
}
div.friendsNews a {
color:black;
text-decoration:underline;
}
div.friendsNews div.close a {
text-decoration:none;
}
div.friendsNews div.close a:hover {
background:black;
color:white;
}

div.friends {
float:left;
width:140px;
}
div.friends a {
display:inline;
width:auto;
border:0px solid;
padding:0;
}
div.friends div.friend {
width:44px;
height:56px;
overflow:hidden;
margin:1px;
float:left;
}
div.gray {
background-color:#ebebeb;
}
table.cbox a {
display:inline;
border:0;
padding:0;
margin:0;
}
div.menu button {
margin-top:5px;
}
div.event {
float:left;
width:640px;
}
div.today {
background:rgb(240,220,220);
}
div.event div.pic {
width:60px;
float:left;
}
div.event div.info {
float:left;
width:300px;
}
div.event div.functions {
float:right;
margin:5px;
}
div#dark {
background-color:black;
height:100%;
left:0;
opacity:0.6;
filter:alpha(opacity=60);
-moz-opacity:0.6;
position:fixed;
top:0;
width:100%;
z-index:10;
}
.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }

  /* Modal */
  
  .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
  
  /* Border */

  .boxy-wrapper { empty-cells: show; }
	.boxy-wrapper .top-left,
	.boxy-wrapper .top-right,
	.boxy-wrapper .bottom-right,
	.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
	
	.boxy-wrapper .top-left { background: url('http://www.emotreff.net/images/boxy-nw.png'); }
	.boxy-wrapper .top-right { background: url('http://www.emotreff.net/images/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { background: url('http://www.emotreff.net/images/boxy-se.png'); }
	.boxy-wrapper .bottom-left { background: url('http://www.emotreff.net/images/boxy-sw.png'); }
	
	/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
	/* NB: these must be absolute paths or URLs to your images */
	.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.emotreff.net/images/boxy-nw.png'); }
	.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.emotreff.net/images/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.emotreff.net/images/boxy-se.png'); }
	.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.emotreff.net/images/boxy-sw.png'); }
	
	.boxy-wrapper .top,
	.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	.boxy-wrapper .bleft,
	.boxy-wrapper .bright { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
	    .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
		
	/* Content Region */
	
	.boxy-inner { background-color: white; padding: 0 }
	.boxy-content { padding: 15px; }
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }
div.title-bar h2 {
margin:0;
padding:0;
background:none;
height:18px;
float:none;
}
