@charset "utf-8";
/* CSS Document */
img { border: 0;}
body{ background-image:url('../img/bg.png'); font-family:Arial; font-size:12px; }

a{ color:#00a0dd; text-decoration:none;}
a:hover{ color:#0E6B98; text-decoration:underline;}
#fb-root{ width:100%; height:auto; float:left; clear:both; margin-top:45px;}

h1 {  }
h2 {  }
h3 {   }
h4 {   }

/* chatt */

#board { display: none; position: fixed; bottom: 0; right: 20px; width: 258px; height: 500px; font-size: 10px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; background-color: white; }
#board textarea { font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size: 12px; border: 1px solid #000; width: 100%; height: 30px;}
#board_header{ width:100%; height: 20px; margin-top: 5px;background-image: url('../img/klotter.png'); background-position: center; background-repeat: no-repeat;}
#boardopen { float: left; width: 50px; height: 212px; background-image: url('../img/klotterplanket.png'); cursor: pointer; }
#boardclose { display: block; width: 100%; cursor: pointer; text-align: center; }
#board-top{ width:auto; height:auto; float:left; clear:both; margin-bottom:5px;}
#boardclose:hover { background-color: #e3f5ff; }
#board #board_messages {  height: 400px; overflow: auto; }
#board .message { margin-top: 10px; display: block;  min-height:50px;  }
#board .message .avatar{ width:41px; height:50px; float: left; margin-right: 10px; }
#board .message .username { display: inline; }
#board .message .body		{ display: block; }
#board .message .time		{ display: inline; font-size: 8px; font-style: italic; }

/* formul�r */
fieldset { width: 300px; border: 0; }
fieldset ul, fieldset li{ border:0; margin:0; padding:0; list-style:none; }
fieldset li{  height: auto;clear:both; list-style:none; }
fieldset li:after{ content: " "; clear:both; }
fieldset input{ float:left;background-color: #FFF; border: 1px solid #74a9f4; padding: 5px; font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;}
fieldset input:focus { border: 2px solid #4f93f3; }
fieldset label{ margin-top: 5px; font-size: 15px; height: 35px; width: 120px; float:left; font-family: sans-serif;}
fieldset .error { margin-left: 120px; clear: both; padding-bottom: 5px;}
.nostyle { background-color: #fff; border: 0; float: left;}
.nostyle:focus { border: 0; }

.blur_text{ color: #999; }

#login_box .field { border: 1px solid #999; font-size: 13px; padding: 3px; font-family: "Helvetica Neue", Verdana, San-Serif; width: 120px;}
/*
.default_form input { background-color: #eef5ff; border: 1px solid #7aa3fd; padding: 3px; font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;}
.default_form input:focus { background-color: #e1e8f1; }
*/

#allt{ width:1200px; margin-top: -19px;}
#top{ width:auto; height:auto; float:left;}
#header{ width:379px; background-image:url('../img/snyggis_03.png'); background-repeat: no-repeat; height:153px; float:left;}
#login{ width:385px; height:63px; background-image:url('../img/snyggis_10.png'); float:left; margin-top:90px; margin-left:80px;}
#login-inloggad{ width:385px; height:63px; float:left; margin-top:90px; margin-left:29px;}
.header_meny{ width:auto; height:auto; float:left; margin-top:120px; margin-right:2px; }
#login_box{ width:auto; height:auto; margin-top:12px; margin-left:15px;}
#login_box a { margin-top: 5px; display: block;}


/*ALLT SOM HAR MED LIVE ATT GÖRA*/
.live_text_big { font-size:14px; }
.redbold { color:#FF0000; }

#send_live { padding-top: 0px; padding-bottom: 0px; padding-right: 30px; padding-left: 30px; }

.live_ruta {background-color:#B6EBFF; padding-top: 5px; padding-bottom: 5px; padding-right: 20px; padding-left: 20px; }
 
.live_arkiv {

	background-color:#B6EBFF;
	padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px;

 }
 
.live_arkiv_vit {

	background-color:#F9F9F9;
	padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px;

 }
 
 .live_ex {

	background-color:#33CCFF;
	padding-top: 3px; padding-bottom: 3px; padding-right: 5px; padding-left: 5px;

 }
 
.live_arkiv_top {

	background-color:#66CCFF;
	padding-top: 1px; padding-bottom: 1px; padding-right: 20px; padding-left: 20px;

 }
 
/*LIVE STATUSEN*/
#live { background-color:#FFFFFF; background-image:url(../img/live_back.png); background-repeat:repeat-x; color:#FFFFFF; padding-top: 5px; padding-bottom: 5px; padding-right: 20px; padding-left: 20px; }
#live p { margin: 0px; padding: 0px; font-size:13px; }
#clear_live { clear: both; height:0px; }

#live a{ color:#FFD280; }
#live a:hover{ color:#FFFFFF; text-decoration:none; }

.alignleft {
float: left;
}
.alignright {
float: right;
}
/*ALLT SOM HAR MED LIVE ATT GÖRA*/


/*EXTRA MENY*/

#extra_meny { background-color:#E7F7FF; font-size:16px; color:#000000; padding-top: 5px; padding-bottom: 5px; padding-right: 20px; padding-left: 20px; }
#extra_meny a{ color: #0066FF; }
#extra_meny a:hover{ color: #000099; text-decoration:none; }


/*EXTRA MENY*/


#content{ width:845px; min-height: 810px; float:left; clear:both; background-color:#FFF; float:left}
#annonsera{ width:746px; height:234px; float:left; clear:both; margin-left:25px; margin-top:50px;}


#pic-container{ width: 780px;}
#pic{ width:315; height:auto; float:left; margin-left:20px;}

#personen{ width:419px; float:left; height:auto; margin-left:20px; margin-top:17px;}

#personen a{ color:#000; }
#personen a:hover{ color:#09F; }

#buttons{ width:419px; float:left; height:auto; margin-left:20px; margin-top:13px;}

#buttons_like{ width:auto; float:right; height:auto; margin-right:36px; }
#buttons_gb{ width:auto; float:right; height:auto; margin-right:20px; }

#says{ width:419px; height:auto; }
#what{ width:419px; margin-top:20px; height:auto;}
#snygg{ width:418px; height:216px; background-image:url('../img/snyggis_28.png'); margin-top:33px; }
#kontakt{ width:auto; height:auto; margin-top:15px; margin-left:20px; float:left;} 


#nya_snyggisar{ width:300px; height:871px; background-image:url('../img/snyggis_11.png'); float:left; margin-top:90px;}
#nya_snyggisar2{ width:300px; height:811px; background-image:url('../img/snyggis_11.png'); float:left; margin-top:90px; }

#nya_snyggisar a{ color:#000; font-size:10px;}
#nya_snyggisar2 a{ color:#000;}

#senaste{ margin-top:17px;  } 

#register{ width:155px; height:42px; float:right; }

#register_form{ width:450; height:auto; float:left;  margin-top:5px; clear:both; }

#register_header{ width:164px; height:33px; float:left; clear:both; margin-left:5px; margin-bottom:10px;}
#visning_header{ width:164px; height:18px; float:left; clear:both; margin-left:5px; margin-bottom:10px;}

#left{ width:auto; height:auto; float:left;} 

#register_left{ width:290px; height:auto; float:left; margin-top:30px; margin-left:50px; } 

#register_info{ width:384px; height:593px; float:left; margin-left:55px; background-image:url('../img/regbar2.png'); margin-top:25px;} 
#om-register_info{ width:384px; height:593px; float:left; margin-left:35px;  background-image:url('../img/regbar2.png'); margin-top:7px;} 

#welcome{ width:500px; height:auto; margin-left:auto; margin-right:auto; background-color:#FFF; margin-top:15%} 

#visning_pic{ width:311px; height:593px; float:left; margin-left:55px; margin-top:25px;}
#visning_bild_header{ width:311px; height:auto; margin-bottom:5px;}
#visning-laggtill{ width:175px; height:72px; float:left; margin-left:20px; margin-top:20px;}

#snyggisar-sortera{ width:377px; height:55px; float:left; margin-top:20px;  margin-left:10px; }
#snyggisar-sortera-inloggad{ width:500px; height:55px; float:left; margin-left:10px; }
#snyggisar-loop{ width:100%; height:auto; float:left; clear:both;}
#snyggisar-loop-top{ width:100%; height:27px; float:left; background-color:#b9e8ff;}
#snyggisar-loop-top-text{ width:auto; height:auto; float:left; margin-left:10px; margin-top:5px;}
#snyggisar-loop-bilder{ width:auto; height:auto; float:left; clear:both; margin-bottom:3px;}
#snyggisar-loop-bilder-bild{ width:auto; height:auto; float:left; margin-right:3px;}


#snyggis-skriv{ width:227px; height:auto; display: none;}
#snyggis-skriv-top{ width:227px; height:12px;}
#snyggis-skriv-middle{ width:226px; height:54px; border-left:#c7c7c7 solid 1px; border-right:#c7c7c7 solid 1px;}
#snyggis-skriv-bottom{ width:227px; height:12px; }


#snyggis-comment{ width:760px; height:auto;  margin-left:20px; margin-top:25px;}
#snyggis-comment-line{ width:760px; height:1px; border-top: 1px #dddddd solid; }
#snyggis-comment-top{ width:auto; height:11px; margin-left:15px;}
#snyggis-comment-container { display: none; }

#snyggis-comment-skriv{ width:auto; height:auto; float:right; margin-top:35px; margin-left:50px;}

#snyggis-comment-kommentarer{ width:445px; height:auto; float:left;  margin-top:35px; margin-left:15px;  } 

#snyggis-comment-kommentarer-avatar{ width:75px; height:79px;  float:left; margin-right:10px;}
#snyggis-comment-kommentarer-namn{ width:auto; height:auto; float:left; margin-top:1px; padding-left:10px;}
#snyggis-comment-kommentarer-text{ width:358px; height:auto; float:left; }

#inloggad-buttons{ width:113px; height:31px; float:left; margin-top:122px;}
#inloggad-buttons-1{ width:113px; height:31px; float:left; margin-top:122px; margin-left:16px;}
#inloggad-buttons-1-1{ width:92px; height:35px; float:left; margin-top:122px; margin-left:16px;}
#inloggad-buttons-2{ width:95px; height:35px; float:left; margin-top:122px;}
#inloggad-buttons-3{ width:96px; height:35px; float:left; margin-top:122px;}
#inloggad-buttons-4{ width:86px; height:35px; float:left; margin-top:122px;}
#inloggad-underbar{ width:398px; height:46px; background-image:url('../img/inloggad-underbar.png'); float:right;}
#inloggad-underbar-text{ width:auto; height:auto; margin-top:15px; margin-left:10px; float:left; }
#inloggad-underbar-ikoner{ width:auto; height:auto; margin-top:13px; margin-left:20px; float:left; }
#inloggad-underbar-visningar{ width:auto; height:auto; margin-top:16px; margin-right:7px; float:right; }

#users-hem-header{ width:auto; height:auto; margin-top:15px; margin-left:11px;}
#users-hem-content{ width:382px; height:400px; float:left; margin-left:13px;   }
#users-statistik{ width:348px; height:213px; float:left; margin-top:18px; margin-left:95px; background-image:url('../img/statistik-bg_02.png')}

#snyggis{ width:auto; height:auto; margin-top:9px;}

#visning-ny-sidebar{ width:auto; height:auto; float:left; margin-top:5px;}
#visning-ny-laddaupp{ width:auto; float:left; margin-left:26px; margin-top:15px;}
#visning-ny-klipp{ width:auto; height:600px; float:left; margin-left:26px; margin-top:15px;}
#visning-ny-settings{ width:300px; height:600px; float:left; margin-left:26px; margin-top:15px;}
#visning-ny-settings-right{ width:auto; height:auto; float:left; margin-left:10px; margin-top:15px;}

#visning-skaffa-content{ width:auto; height:400px;}
#visning-skaffa{ width:337px; height:auto; float:left; margin-left:26px;   }
#visning-skaffa-bar{ width:454px; float:left; height:140px; clear:both; background-image:url('../img/sms.png'); margin-left:8px; margin-top:27px; }
#visning-skaffa-info{ width:435px; height:170px; margin-left:26px; float:left; clear:both; margin-top:45px;}

#ikon{ width:auto; height:auto; float:left; margin-right:10px;}
#ikon-hem{ width:auto; height:auto; float:left; margin-right:15px;}

#pm{ width:337px; min-height:450px; float:left; margin-left:26px;  }
#pm-content{ width:337px; height:auto; float:left; margin-left:26px; clear:both; }
#pm-header{ width:221px; height:auto; float:left; margin-left:8px; margin-left:10px; }
#pm-header-pic{ float:left; height:101px; width:76px; margin-left:16px; margin-top:10px; }


#pm-content-las{ width:388px; height:auto; float:left; margin-left:90px; margin-top:15px; clear:both;}
#pm-content-las-top{ width:388px; height:auto; float:left; clear:both;}
#pm-content-las-middle{ width:388px; min-height:82px; float:left; clear:both; background-color:#cff1ff;}
#pm-content-las-middle-text{ width:373px; height:auto; float:left; clear:both; margin-left:15px; margin-top:10px; }
#pm-content-las-bottom{ width:388px; height:auto; float:left; clear:both;}
#pm-content-las-svara{ float:right; clear:both; width:auto; height:auto; margin-right:4px; margin-top:13px;}


#pm-skriv{ width:274px; height:auto; float:left; margin-right:15px; margin-top:5px; display: none; clear:both;}
#pm-skriv-top{ width:274px; height:11px; float:left; clear:both;}
#pm-skriv-middle{ width:273px; height:54px; float:left; clear:both; border-left:#c7c7c7 solid 1px; border-right:#c7c7c7 solid 1px;}
#pm-skriv-bottom{ width:274px; height:10px; float:left; clear:both;}

#nyheter-header{ width:auto; height:auto; margin-left:26px; margin-top:10px;}
#nyheter-content{ width:400px; height:auto; margin-left:26px; margin-top:15px; }

#members-admin{ width:300px; height:auto; float:right; margin-top:10px;}

#flyttavanster{ width:337px; height:445px; float:left; margin-left:26px; margin-top:10px;}

#tavling-header{ width:auto; height:auto; margin-left:26px; margin-top:15px;}
#tavling-bild{ width:761px; height:151px; float:left; clear:both; margin-left:12px;}
#tavling-info{ float:left; height:auto; width:340px; margin-left:41px; margin-top:19px; }

#tavling-top{ width:303px; height:auto; float:right;  margin-top:21px; margin-right:21px;}
#tavling-top a{ color:#000}
#tavling-top-top{ width:303px; height:auto; float:left; clear:both;}
#tavling-top-middle{ width:303px; height:auto; float:left; clear:both; background-color:#f5f5f5;}
#tavling-top-top{ width:303px; height:auto; float:left; clear:both;}


#register-popup{ disabled:0;}
.register-popup{ disabled:0;}


#profil-header{ width:200px; height:33px; float:left;  margin-top:5px; margin-left:21px; }
#profil-info{ position: relative; width:510px; height:auto; float:left; margin-left:15px; margin-top:15px; }
#profil-info-top{ width:510px; height:auto; float:left; clear:both;}
#profil-info-middle{ width:510px; height:auto; float:left; clear:both; background-color:#d9f2ff}
#profil-info-bottom{ width:510px; height:auto; float:left; clear:both;}

#profil-visning{ width:734px; height:auto; float:left; margin-left:15px; margin-top:10px; clear:both; }
#profil-visning-top{ width:734px; height:9px; float:left;  clear:both; }
#profil-visning-middle{ width:734px; height:auto; float:left;  clear:both; background-color:#f0f0f0; }
#profil-visning-bottom{ width:734px; height:13px; float:left;  clear:both; }
#profil-visning #shows { padding-top: 25px; width: 680px; margin-left: auto; margin-right: auto;} 
#profil-visning .profile-img { margin-right: 20px; position: relative; float:left; }
#profil-visning .deletelink { position: absolute; top: 0px; right: 0px; }
#profil-om{ width:482px; height:auto; float:left; margin-left:25px; margin-top:20px; margin-bottom:15px;}

.profil-sendpm-close { cursor: pointer; position: absolute; right: 0; top: 0; }
#profil-sendpm { display: none; position: absolute; top: 0px; left: 150px; padding: 10px; background-color: #d9f2ff; border: 1px solid #84b0c7;}
#button-write-pm { cursor: pointer; }

#profil-info-lastlogin{ width:auto; height:auto; float:right; clear:both; margin-right:10px; margin-bottom:10px; }

#profil-info-pic{ width:auto; height:auto; float:left; margin-top:13px; margin-left:18px;}
#profil-info-text{ width:auto; height:auto; float:left; margin-top:13px; margin-left:18px; margin-bottom:20px;}

#upload-sparat{ width:734px; height:auto; float:left; clear:both; margin-left:1; margin-top:10px;  }

#comment-new-top{width:337px; height:auto; float:left; margin-left:26px; margin-top:10px;}
#comment-new-bar{ width:727px; height:245px; background-color:#d3f0ff; margin-left:20px; float:left;}


#toplistan{ width:100%; height:auto; float:left; clear:both;}
#toplistan-header{ width:auto; height:auto; float:left; margin-left:25px; } 
#toplistan-mestgillade{ width:200px; height:auto; margin-top:15px;  float:left; margin-bottom:20px; margin-left:10px;}
#toplistan-linje{ width:100%; height:30px; background-color:#b9e8ff; float:left; clear:both;}
#toplistan-bilder{ width:100%;  background-color:#f0faff; clear:both; float:left;}
#toplistan-bilder-left{  width:390px; float:left; border-right: 4px solid #e8f1f6; text-align: center; }
#toplistan-bilder-right{ width:390px; float:right; text-align: center; }


.toplistan-bilder-symbol{ width:100%; margin-top:6px; float:left; }

.toplistan-1{ width:320px; margin-left: auto; margin-right: auto; margin-bottom: 40px;}
.toplistan-1-pic { width: 311px; margin-left: auto; margin-right: auto; }
.toplistan-1-namn{ width:100%;	}

.toplistan-1-namn a{ color:#000;}

.toplistan-bilder-rad{ border: 0px solid #000; width:320px; margin-bottom: 40px; margin-left: auto; margin-right: auto;}

.toplistan-bilder-rad-cont { width:160px; float:left; }
.toplistan-bilder-rad-nummer{  margin-right:5px; float:left;}
.toplistan-bilder-rad-bild{ width:104px; background-color:#dedede; float:left; float: left;}



.notification  { margin: 10px; height: 45px; width: 370px; background-color: #E36C6C; border: 1px solid #BC3838; }
.notification span { color: #800E0E; padding: 5px; padding-top: 14px; display: block; text-align: center; }
/* pm */
.pm-container { width:700px; border-top: 1px dashed #C5C5C5; margin: 10px;}
.pm-unread	{ background-image: url(../img/pm-unread.jpg); background-position: right; background-repeat: no-repeat; }
.pm-box-left { float: left;}
.pm-pic		{ display: block;}
.pm-box-message { float: left; margin-left: 10px; width:500px;}
.pm-title		{ display: block;}
.pm-message		{ display: block; margin-top:10px;}
.pm-link-container		{  }
.pm-link		{ }
.pm-from		{ display: block;}
.pm-date	{ display: block; margin-top:25px; }

.error { font-size: 11px; color: #f00; }

.says{ font-size:36px; font-smooth:always; }
.what{ font-size:24px; font-weight:300;}
.bold{ font-weight:bold;}
.snyggis-img{ max-width: 311px; max-height: 415px; }
.snyggis-img-small{ width: 152px; height: 188px; }

.snyggis-img-smaller-content { width: 130px; height: 50px;margin-top: 10px;}
.snyggis-img-smaller-text { float: left; font-weight: bold; padding-left: 5px; }
.snyggis-img-smaller{ width: 30px; height: 40px; float: left;}

.visning{ width:175px; height:42px; background-image:url('../img/laggtillvisning.png'); border:0px;}
.meddelande{ width:143px; height:30px;}

.visa-gilla { margin-top: 5px; margin-left: 3px; cursor: pointer;}
.visa-pm { margin-top: 5px; margin-left: 3px;}

.loader { background-image: url('../img/ajax-loader.gif'); width: 16px; height: 16px; display: none;}

.px24{ font-size:24px; }
.px22{ font-size:22px; }
.px19{ font-size:19px; }
.px18{ font-size:18px; }
.px17{ font-size:17px; }
.px16{ font-size:16px; }
.px15{ font-size:15px; }
.px13{ font-size:13px; }
.px11{ font-size:11px; }
.ljus{ color:#252525;}
.bla{ color:#71d2ff;}
.red{ color:red;}
.gray{ color:#616161;}
.blamork{ color:#33baf9}
.bold{ font-weight:bold;}
.border{ border: solid 1px #ebebeb; }
.logga{ width:66px; height:25px; background-image:url(../img/logga.png); border:0px none;}
.moveright{ padding-left:10px;}
.wide{ width:290px;}
.clear{ clear: both; line-height: 0px; height: 1px; }
.understruken{ text-decoration:underline;}
.roundedmiddle{ width:223px; height:57px; border:0px;}
.btnsend{ width:66px; height:24px; border:0px; background-image:url('../img/btn-send.png');}
.margin-top{ margin-top:5px;}
.left5px{ margin-left:5px;}
.lesswide{ width:100px;}

.online { font-size: 11px; color: #1EA30C; }
.offline { font-size: 11px; color: #A30C0C; }