﻿/* -- Main Elements -- */
body {
    background-color:#e6e6e6;
    margin:0; 
	padding:0;
	color:#808080;
    font-family:Arial, Sans-Serif;
    font-size:12px;
}
img {
    border:none;
}
input, textarea { 
    font-family:Arial, Serif;
	font-size:12px;
	color:#808080;
}
/* -- End -- */
/* -- Body BG Color -- */
.bg_blue {
    background-image:url(../graphics/bg_blue.gif);
    background-repeat:repeat-x;
}
.bg_pink {
    background-image:url(../graphics/bg_pink.gif);
    background-repeat:repeat-x;
}
.bg_lightpink {
    background-image:url(../graphics/bg_lightpink.gif);
    background-repeat:repeat-x;
}
.bg_black {
    background-image:url(../graphics/bg_black.gif);
    background-repeat:repeat-x;
}
.bg_turquoise {
    background-image:url(../graphics/bg_turquoise.gif);
    background-repeat:repeat-x;
}
.bg_peach {
    background-image:url(../graphics/bg_peach.gif);
    background-repeat:repeat-x;
}
/* -- End --- */
/* -- Main Div's -- */
#header {
    background-image:url(../graphics/top_bg.gif); 
    background-repeat:repeat-x; 
    height:145px; 
    width:100%;
}
#header_container {
    width:1010px; 
    height:inherit; 
    text-align:left;
}
#logo {
    float:left;
    padding:30px 0 0 25px;
}
#header_login {
    float:right;
    margin:30px 110px 0 0;
    text-align:right;
}
.header_login_btn {
    margin-top:9px;
}
#header_button_red {
    float:left;
    position:relative; 
    z-index:5; 
    top:30px; 
    left:265px; /*265px med tävla meny släckt, annars 135px*/
    width:50px;
}
#main_content {
     width:1010px; 
     text-align:left;
}
#right_content {
    float:left;
    width:665px;
    margin:15px 15px 0 0;
}
#left_content {
    float:left;
    width:316px;
}
#thread_buttons {
    position:relative; 
    z-index:6; 
    top:-10px; 
    left:20px;
}
#footer  {
    margin-top:15px;
    background-image:url(../graphics/footer_bg.gif); 
    background-repeat:repeat-x; 
    height:401px; 
    width:100%;
}
#footer_container {
    width:1010px; 
    height:inherit; 
    text-align:left;
 }
#fb_box {
    float:left; 
    margin:17px 15px 0 0;
}
#twingly_box {
    float:left; 
    width:301px;
    margin:32px 15px 0 0;
    background-color:#ffffff;
}
#twingly_box a {
 	color:#004490;
    font-family:Arial, Sans-Serif;
    font-size:9px;
    text-transform:none;
}
#twingly_box .tw_list {
	clear: both;
	background-color:#fff;
	margin: 0 9px 9px 9px;
}
#twingly_box .tw_list a
{
    font-size:12px;
	color:#004490;
	text-decoration:none;
}
#twingly_box .tw_list .sub {
	color: #000;
	font-weight:100;
	overflow: hidden;
	/* clip text 
	height: 13px;*/
}
#twingly_box .tw_list .sub a {
	color: #96ad06;
	font-size:10px;
}
#global_comments_box {
    float:left; 
    margin:17px 15px 0 0;
}


/* -- End -- */
/* -- Controls -- */
#latest_activity {
    background-image:url(../graphics/box_latest_activity_bg.png); 
    background-repeat:no-repeat; 
    width:316px; 
    height:308px;
}
#latest_activity_content {
    padding:80px 25px 10px 25px;
}
#latest_login {
    background-image:url(../graphics/box_latest_login_bg.png); 
    background-repeat:no-repeat; 
    width:285px; 
    height:257px;
}
#latest_login_content {
    padding:34px 25px 10px 20px; 
}
#monthly_tip {
    background-image:url(../graphics/box_monthly_tip_bg.png); 
    background-repeat:no-repeat; 
    width:274px; 
    height:313px;
}
#monthly_tip_content {
    padding:45px 25px 10px 25px;
}
#weekly_question {
    background-image:url(../graphics/box_weekly_question_bg.png); 
    background-repeat:no-repeat; 
    width:274px; 
    height:343px;
}
#weekly_question_content {
    padding:51px 25px 10px 17px;
}
/* -- End --*/
/* -- Menu -- */
#main_menu {
    float:left; 
    margin-top:14px; 
    height:42px;
}
#main_menu ul {
	list-style:none;
	margin:0;
	padding:0;
	border:none;
}
#main_menu li {
    float:left;
	margin: 0;
	padding: 0;
	border: none;
}
.menu {
    
}
.menu_on {
    margin-top:4px;
    border:none;
}
/*.menu:hover {
	margin-top:4px;
	border:none;
}*/
/* -- End -- */
/* -- Boxes -- */
.box_m {}
.box_m_content {
    background-image:url(../graphics/box_m_bg.png); 
    background-repeat:repeat-y; 
    width:615px; 
    padding:0 30px 0 30px;
}
.box_card {
    float:left; 
    background-image:url(../graphics/box_card_bg.png); 
    background-repeat:no-repeat; 
    height:262px; 
    width:213px; 
    padding:33px 0px 0 8px; 
    text-align:center;
}
/* -- End -- */
/* -- Lists -- */
.latest_activity_item {
    padding:3px 0px 0px 5px;
    width:228px;
    cursor:pointer;
    height:50px;
    color:#313131;
}
.latest_list_item_hover {
    padding:3px 0px 0px 5px;
    width:228px;
    cursor:pointer;
    height:50px;
    color:#313131;
}
.latest_activity_left_col {
    float:left;
    width:50px;
    margin:0 5px 3px 0;
}
.latest_activity_right_col {
    float:left;
    width:170px;
}
.latest_login_item {
    margin:0 8px 8px 0;
    cursor:pointer;
}
.gallery_list {
    margin-left:10px;
}
.gallery_list_item {
    float:left;
    background-image:url(../graphics/list_card_bg.png); 
    background-repeat:no-repeat; 
    height:255px; 
    width:214px; 
    padding:17px 0px 0 0px; 
    text-align:center;
}
#objects_list {
    margin-left:8px;
}
#objects_list .container {
    background-image:url(../graphics/list_card_bg.png); 
    background-repeat:no-repeat; 
    height:255px; 
    width:214px; 
    margin:0 3px 3px 0;
    text-align:center;
    font-family:Arial;
    color:#808080;
    font-size:10px;
    text-transform:uppercase;
}
#objects_list .item{
    padding:20px 0 0 12px;
    width:188px;
}
#objects_list .image {
    margin-bottom:50px;
}
#objects_list .info{
    
}
#objects_list .rating{
    float:left;
}
#objects_list .comments{
    float:right;
}
.object_list_pager {
    width:665px;
    height:46px;
    background-image:url(../graphics/pager_bg.png);
    background-repeat:no-repeat;
}
.object_list_pager .first {
    float:left; 
    padding:12px 0 0 18px;
}
.object_list_pager .prev {
    float:left; 
    width:78px;
    padding:12px 0 0 6px;
}
.object_list_pager .next {
    float:right;
    padding:12px 6px 0 0;
}
.object_list_pager .last {
    float:right;
    padding:12px 20px 0 0;
}
.object_list_pager .pager_info {
    float:left; 
    padding:8px 25px 0 0;
}
.object_list_pager .pager_numbers {
    float:left; 
    padding:13px 0 0 0;
}
#member_comment_list {
    width:100%; 
    margin-top:10px;
}
.member_comment_list_item {
    background-color:#e6e6e6; 
    margin-bottom:10px; 
    padding:5px;
}
.member_comment_list_member_pic {
    float:left; 
    width:60px;
}
.member_comment_list_text {
    float:left;
    width:535px;
}
.blogger_list{}
.blogger_list_item {
    background-image:url(../graphics/box_blogger_bg.png); 
    background-repeat:no-repeat; 
    width:124px; 
    height:154px; 
    margin:0 7px 7px 0; 
    text-align:center;
}
.blogger_list_content {
    padding:30px 0 0 0;
}
/* -- End -- */
/* -- Selectors -- */
.selector_lightpink {
    background-image:url(../graphics/selector_lightpink.png); 
    background-repeat:no-repeat; 
    width:665px; 
    height:54px; 
    margin-bottom:8px;
}
.selector_black {
    background-image:url(../graphics/selector_black.png); 
    background-repeat:no-repeat; 
    width:665px; 
    height:54px; 
    margin-bottom:8px;
}
.selector_multi_lightpink {
    background-image:url(../graphics/selector_multi_lightpink.png); 
    background-repeat:no-repeat; 
    width:665px; 
    height:54px; 
    margin-bottom:8px;
}
.selector_multi_peach {
    background-image:url(../graphics/selector_multi_peach.png); 
    background-repeat:no-repeat; 
    width:665px; 
    height:54px; 
    margin-bottom:8px;
}
.selector_turquoise {
    background-image:url(../graphics/selector_turquoise.png); 
    background-repeat:no-repeat; 
    width:665px; 
    height:54px; 
    margin-bottom:8px;
}
.selector_turquoise_login {
    background-image:url(../graphics/selector_turquoise_login.png); 
    background-repeat:no-repeat; 
    width:665px; 
    height:54px; 
    margin-bottom:8px;
}
.selector_content {
    padding:25px 0 0 28px;
}
.selector_link1 {
    float:left;
    margin:26px 22px 0 20px;
}
.selector_link2 {
    float:left;
    margin:26px 25px 0 0;
}
.selector_link3 {
    float:left;
    margin:26px 50px 0 0;
}
.selector_input {
    float:left;
    margin:22px 9px 0 0;
}
.selector_btn {
    float:left;
    margin:19px 0 0 0;
}
.selector_mymoda_link1 {
    float:left;
    margin:26px 30px 0 23px;
}
.selector_mymoda_link2 {
    float:left;
    margin:26px 50px 0 23px;
}
.selector_mymoda_link3 {
    float:left;
    margin:26px 50px 0 0;
}
/* -- End -- */
/* --  Object Page -- */
#object_member_pic {
    float:left;
    width:60px;
}
#object_info {
    float:left;
    width:545px;
}
#object_main_img_col {
    float:left;
    margin-right:5px;
}
.object_main_img {
    padding:15px 0 0 6px;
}
.object_main_img2 {
    padding:15px 0 0 0;
}
#object_main_img_bg {
    width:479px; 
    height:306px; 
    text-align:center; 
    background-image:url(../graphics/object_img_large_bg.gif); 
    background-repeat:no-repeat;
}
#object_thumb_col {
    float:left;
    margin-right:20px; 
    width:72px;
}
.object_thumb_img {
    padding-top:8px;
}
.object_thumb_bg_on {
    width:72px; 
    height:71px; 
    margin-bottom:6px; 
    background-image:url(../graphics/object_img_thumb_on_bg.gif); 
    background-repeat:no-repeat; 
    text-align:center;
}
.object_thumb_bg {
    width:72px; 
    height:71px; 
    margin-bottom:6px; 
    background-image:url(../graphics/object_img_thumb_bg.gif); 
    background-repeat:no-repeat; 
    text-align:center;
}
#object_rating_col{
    float:left;
    margin:4px 40px 0 0;
}
#object_share_col{
    float:left;
    margin-top:6px;
}
#object_comment_col {
    float:right;
    margin-top:2px;
}
/* -- End -- */
/* --  Member Page -- */
.member_image {
    float:left;
    margin:10px 20px 20px 0;
}
.member_info {
    float:left;
    width:300px;
}
.member_object_info {
    margin-top:12px;
}
.member_info_text{

}
.member_object_info_left_col {
    float:left;
    width:300px;
}
.member_object_info_right_col {
    float:left;
}
.member_comments_input {
    float:left;
    margin:8px 25px 0 0;
}
.member_comments_btn {
    float:left;
    margin:5px 0 0 0;
}
.member_comment_message {
    margin:5px 0 5px 0;
}
/* -- End -- */
/* -- Gallery page -- */
.comp_step {
    float:left; 
    width:40px;
}
.comp_step_text {
    float:left; 
    width:225px; 
    margin-right:10px; 
}
.comp_step_image {
    float:left; 
    width:265px; 
    margin-left:10px;
}
/* -- End -- */
/* -- Global Comments -- */
#global_comment_list {
    width:100%; 
    background-color:#ffffff;
}
#global_comment_list .item {
    background-color:#e6e6e6; 
    margin-bottom:10px; 
    padding:5px;
}
#global_comment_list .member_pic {
    float:left; 
    width:60px;
    cursor:pointer;
}
#global_comment_list .text {
    float:left;
    width:290px;
}
.global_comments_input {
    float:left;
    margin:0 15px 0 0;
}
.global_comments_btn {
    float:left;
    margin:2px 0 0 0;
}
/* -- End -- */
/* -- Blog -- */
#blog_share_col{
    float:right;
    margin:8px 20px 0 0;
}
#blog_comment_col {
    float:right;
    margin-top:4px;
}
/* -- End -- */
/* -- Weekly Question -- */
.question {
    width:220px;
    height:50px;
    margin:13px 0 18px 8px;
}
.alt_1 {
    background-image:url(../graphics/alt_1_bg.gif);
    background-repeat:no-repeat;
    width:227px;
    height:37px;
}
.alt_2 {
    background-image:url(../graphics/alt_2_bg.gif);
    background-repeat:no-repeat;
    height:37px;
}
.alt_3 {
    background-image:url(../graphics/alt_3_bg.gif);
    background-repeat:no-repeat;
    width:227px;
    height:37px;
}
.alt_container {
    padding:8px 0 0 4px;
    margin-top:4px;
}
.btn_view_results {
    margin-top:4px;
    text-align:center;
}
.answer {
    width:220px;
    height:50px;
    margin:11px 0 0 8px;
}
.results {
    margin:20px 0 0 0;
}
.result_container {
    margin-bottom:5px;
}
.result_info{
    margin-top:10px;
    text-align:center;
}

/* -- End -- */
/* -- Links -- */
a {
    font-family:Georgia;
    font-size:12px;
    color:#666666;
    text-decoration:underline;
    text-transform:uppercase;
    outline: none;
}
.header_link {
    font-family:Arial;
    font-size:12px;
    color:#ffffff;
    text-decoration:none;
    text-transform:none;
    outline: none;
}
.list_pager_link {
    font-family:Georgia;
    font-size:14px;
    color:#808080;
    text-decoration:underline;
    text-transform:none;
    outline: none;
}
.list_pager_link_disable {
    font-family:Georgia;
    font-size:14px;
    color:#f06783;
    font-weight:bold;
    text-decoration:none;
    text-transform:none;
    outline: none;
}
/* -- End -- */
/* -- Text -- */
h1 {
    font-family:Georgia; 
    font-size:28px; 
    margin:0 0 2px 0; 
    font-weight:normal; 
    text-transform:uppercase;
    color:#000000;
}
h2 {
    font-family:Georgia; 
    font-size:14px; 
    margin:0 0 8px 0; 
    font-weight:normal; 
    text-transform:uppercase; 
    color:#808080;
}
h3 {
    font-family:Georgia; 
    font-size:12px; 
    margin:0 0 8px 0; 
    font-weight:normal; 
    text-transform:uppercase; 
    color:#666666;
}
h3.white {
    font-family:Georgia; 
    font-size:12px; 
    margin:0 0 4px 0; 
    font-weight:normal; 
    text-transform:uppercase; 
    color:#ffffff;
}
h3.turquoise {
    font-family:Georgia; 
    font-size:12px; 
    margin:0;
    display:inline; 
    font-weight:normal; 
    text-transform:uppercase; 
    color:#0C848F;
}
h3 a {
    color: #666666;
    text-decoration:none;
}
h3 a:hover {
    color: #666666;
    text-decoration:none;
}
h3 a.active_turquoise {
    color: #0C848F;
    text-decoration:underline;
}
h3.turquoise a {
    color:#0C848F;
    text-decoration:none;
}
p {
    color:#666666;
    font-family:Arial, Sans-Serif;
    font-size:12px;
    margin:8px 0 0 0;
}
p.small {
    color:#666666;
    font-family:Arial, Sans-Serif;
    font-size:11px;
    margin:4px 0 0 0;
}
p.pager_info_text {
    color:#666666;
    font-family:Arial, Sans-Serif;
    font-size:11px;
    /*padding:2px;
    background-color:#e6e6e6;*/
}
p.header_login {
    color:#ffffff;
    font-family:Georgia;
    font-size:12px;
    display:inline;
    margin:0px;
    font-weight:bold;
    font-style:italic;
}
p.header_nickname {
    color:#ffffff;
    font-family:Arial, Sans-Serif;
    font-size:12px;
    display:inline;
    margin:0px;
}
p.grey_inline {
    color:#808080;
    font-family:Arial, Sans-Serif;
    font-size:12px;
    display:inline;
    margin:0px;
}
p.small_grey {
    color:#808080;
    font-family:Arial, Sans-Serif;
    font-size:10px;
    margin:5px 0 5px 0;
}
p.list_text {
    color:#000000;
    font-family:Arial, Sans-Serif;
    font-size:10px;
    margin:0px;
}
p.list_name {
    font-family:Arial; 
    font-size:9px; 
    color:#f16784; 
    margin:0 0 4px 0;
}
p.list_date {
    font-family:Arial; 
    font-size:9px; 
    color:#808080; 
    margin:0;
}
p.comments_list_name {
    font-family:Arial; 
    font-size:12px; 
    color:#f16784; 
    margin:0 0 5px 0;
}
p.post_title {
    font-family:Arial; 
    font-size:12px; 
    font-style:italic; 
    margin:0;
}
p.post_date {
    font-family:Arial; 
    font-size:12px; 
    color:#808080; 
    margin:0; 
    text-transform:uppercase;
}
p.error_message {
    font-family:Arial; 
    font-size:12px; 
    color:#f16784; 
    margin:0;
    text-transform:uppercase;
}
/* -- End -- */
/* -- Input -- */
div.input_selector 
{
	width: 141px;
	height: 21px;
	background-image: url(../graphics/input_selector.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div.input_selector input
{
	width: 131px;
	border: 0;
	font-size:11px;
	background-color: transparent;
	margin: 3px 10px 0px 5px;
}
div.input_comments 
{
	width: 491px;
	height: 21px;
	background-image: url(../graphics/input_comments.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div.input_comments input
{
	width: 481px;
	border: 0;
	font-size:11px;
	background-color: transparent;
	margin: 3px 10px 0px 5px;
}
div.input_global_comments 
{
	width: 282px;
	height: 21px;
	background-image: url(../graphics/input_global_comments.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div.input_global_comments input
{
	width: 272px;
	border: 0;
	font-size:11px;
	background-color: transparent;
	margin: 3px 10px 0px 5px;
}
/* -- End -- */
/* Rating */
.rating_star {
    font-size: 0pt;
    width: 18px;
    height: 18px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
    background-color:#ffffff;
}
.filled_rating_star {
    background-image: url(../graphics/rating_filled_star.gif);
}
.empty_rating_star {
    background-image: url(../graphics/rating_empty_star.gif);
}
.saved_rating_star {
    background-image: url(../graphics/rating_saved_star.gif);
}
/* End */
/* -- Misc Elements -- */
.clear {
	clear:both;
    height:0;
    line-height:0px;
}
.float_left {
    float:left;
}
.float_right {
    float:right;
}
