/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Reset ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Global ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
	background: #80F4EB url(../assets/graphic/bg_gradient.png) repeat-x;
	font: 0.875em/1.357em Georgia, "Times New Roman", Times, serif;
	color:#444;
	text-align: center;
}
a {
	color:#007bc2;
	font-weight:bold;
	text-decoration:none;
}
a:hover, a:focus {
	text-decoration:underline;
}
a:active {
	color:#00446b;
	text-decoration:underline;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#page-wrap {
	width:860px;
	margin:0 auto 20px;
	overflow: hidden;
	text-align: left;
}

#disclaimer 
{
    color: #32978d;
    font: 10px/normal Arial, Helvetica, sans-serif;
	width:860px;
	margin:0 auto 10px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 0px;
}
#header {
	background:url(../assets/graphic/header_sv.png);
	width:860px;
	height:210px;
	position:relative;
}
#lang {
	position:absolute;
	top:2px;
	right:0;
	width:53px;
	height:16px;
	background:url(../assets/graphic/lang.png) no-repeat;
}
#lang a {
	text-indent:-99999px;
	display:block;
	width:23px;
	height:13px;
	position:absolute;
	top:0;
}
#lang .sv {
	left:1px;
}
#lang .en {
	left:29px;
}

.srlink 
{
    position:absolute;
    left: 43px;
    top: 31px;
    display:block;
    width: 173px;
    height: 30px;
    text-indent:-99999px;
}

h1 , h2 {
	text-indent:-99999px;
	position:absolute;
}
#header .content {
	width:405px;
	height:110px;
	right: 65px;
	top: 50px;
	position:absolute;
}

#short-adress-input
{
	float: left;
	width: 200px;
	margin-top: 60px;
	padding-left: 60px;
	margin-right: 90px;
}
#short-adress-input input {
	background:#fff url(../assets/graphic/bg_input.png) repeat-x 0 0;
	border:0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#long-adress-output {
	padding-top:70px;
	clear: both;
	text-align: center;
	width: 860px;
}
#long-adress-output textarea {
	background:#fff url(../assets/graphic/bg_input.png) repeat-x 0 0;
	border:0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#en-makalos-manick {
	width:860px;
	height:470px;
	position:relative;
	background: url(../assets/graphic/webbadressforlangare_sv.png) no-repeat;
	display: block;
}

#short-adress-input h3 {
	display: block;
	color: #fff;
	font: 12px/normal Arial, Helvetica, sans-serif;
	padding-left: 40px;
	padding-bottom: 10px;
}
#choose-length {
	float: left;
	height: 155px;
	width: 300px;
	margin-top: 15px;
	margin-right: 30px;
	position:relative;
}
#choose-length h4 {
	position: absolute;
	left: -9999px;
}
#glow {
	background:url(../assets/graphic/glow.png) no-repeat 0 0;
	width:273px;
	height:58px;
	position:absolute;
	top:33px;
	left:14px;
	z-index:2;
}
#ctl00_MainContent_settingsLength 
{
    visibility:hidden;
}
#dog-slider {
	height:53px;
	background:url(../assets/graphic/dog.png) no-repeat 100% 0;
	width:65px;
	position:absolute;
	bottom:19px;
	left:47px;
	z-index:1;
}
#slidername 
{
    cursor:e-resize;
    background:url(../assets/graphic/dog_drag_sv.png) no-repeat 100% 0;
    width:55px;
	height:19px;
	position:absolute;
	top:111px;
	left:47px;
	z-index:2; 
}
#extend-adress {
	float: left;
	width: 125px;
	margin-top: 80px;
}

#long-adress-output h5 {
	color: #fff;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}

#social-media-icons {
	clear: both;
	margin: 0px auto;
	font: 0.813em Arial, Helvetica, sans-serif;
}
.social-media {
	background:url(../assets/graphic/bg_separator.png) repeat-y 100% 0;
	overflow: hidden;
	margin:10px auto;
	width:280px;
}
.social-media li {
	float: left;
	width: 140px;
	text-align: center;
	height: 60px;
	background:url(../assets/graphic/bg_separator.png) repeat-y 0 0;
	color: #32978d;
}
.social-media li:first-child {
}
.social-media a {
	font-weight:normal;
	text-decoration:none;
	color:#333;
}
.social-media a:hover {
	color: #111;
	text-decoration:underline;
}
.social-media img {
	display:block;
	margin:0 auto;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Popup ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.compete {
	width:780px;
	height:565px;
	position:absolute;
	top:80px;
	left:50%;
	margin-left:-375px;
	background:url(../assets/graphic/bg_compete_sv.png) no-repeat 0 0;
	z-index:10;
	color:#fff;
	text-align:left;
}

.competeTerms 
{
   position:absolute;
   background-color: #fff;
   color: #000;
   padding: 20px;
   z-index:11;
   text-align: left;
}

.compete-head {
	width:410px;
	margin:80px 0 20px 80px;
}
.compete-body {
	margin:0 70px 20px 40px;
}
.compete-body fieldset div {
	margin-bottom:15px;
}
.compete-body fieldset div.indent {
	margin-left:105px;
}
.compete-body label {
	display:inline-block;
	width:105px;
	padding-right:5px;
	text-align:right;
	font-family:Arial, Helvetica, Sans-serif;
	font-size:14px;
	vertical-align:top;
}
.compete-body label em {
	display:block;
	font-size:12px;
	color:#939292;
}

.compete-body input[type=text], .compete-body textarea {
	font:0.875em Georgia,"Times New Roman",Times,serif;
	padding:4px 5px;
	width:290px;
	background:#fff url(../assets/graphic/bg_input.png) repeat-x scroll 0 0;
	border:0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.safari-input fieldset div
{
    margin-bottom:11px;
}

.compete-body textarea {
	width:535px;
	height:80px;
	overflow-y:auto;
}
#ctl00_MainContent_tshirt_address2 {
	display:block;
	margin-top:3px;
	margin-left:113px;
}
.compete-body .checkbox-label {
	width:auto;
	text-align:left;
	float:left;
}
.checkbox-label a {
	font-weight:normal;
	text-decoration:underline;
	color:#fff;
}
#ctl00_MainContent_tshirt_submit {
	background:url(../assets/graphic/btn_compete_sv.png) no-repeat 0 0px;
	width:118px;
	height:68px;
	display:block;
	text-indent:-99999px;
	border:0;
	margin-top:-20px;
	overflow:visible;
	cursor:pointer;
	float:left;
}
#ctl00_MainContent_tshirt_submit:hover {
	background-position:0 -67px;
}
.compete .close {
	display:block;
	position:absolute;
	top:8px;
	right:14px;
	text-indent:-99999px;
	width:85px;
	height:21px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ POPUP STUFF ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.mask {
	width:100%;
	height:100%;
	background: #80F4EB url(../assets/graphic/bg_gradient.png) repeat-x;
	position:fixed;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity:0.9;
	top:0;
	left:0;
}
.hidden {
	display:none;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PRETWEET ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.pretweet {
	width:621px;
	height:441px;
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-310px;
	background:url(../assets/graphic/bg_tweet_sv.png) no-repeat 0 0;
	z-index:10;
	color:#fff;
	text-align:left;
	
}

.pretweet-head {
	width:445px;
	margin:88px 0 20px 80px;
}

.pretweet-body 
{
    width:445px;
    margin:42px 0 20px 80px;
}

.pretweet-body p
{
    display:inline;
    font-size: 10pt;
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-serif;  
}

#pretweet_countdown 
{
    display:inline;
    font-size: 14pt;
    font-family: Arial, Helvetica, Sans-serif; 
    float:right;
    padding-right: 9px;
}

.pretweet-body input[type=text], .pretweet-body textarea {
	font:0.875em Georgia,"Times New Roman",Times,serif;
	padding:4px 5px;
	width:290px;
	background:#fff url(../assets/graphic/bg_input.png) repeat-x scroll 0 0;
	border:0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.pretweet .close 
{
	display:block;
	position:absolute;
	top:1px;
	right:18px;
	text-indent:-99999px;
	width:85px;
	height:21px;
}

.pretweet-body .countdown 
{
    position:absolute;
    float:right;
    margin-top: -20px;
    margin-right: 0px;
}

#ctl00_MainContent_pretweet_submit 
{
    background:url(../assets/graphic/btn_send_sv.png) no-repeat 0 0;
	width:118px;
	height:68px;
	display:block;
	text-indent:-99999px;
	border:0;
	overflow:visible;
	cursor:pointer;
	float:right;
	margin-top: 3px;
	margin-right: 5px;
}

#ctl00_MainContent_pretweet_submit:hover {
	background-position:0 -68px;
}

#ctl00_MainContent_pretweet_message 
{
    margin-top: 5px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#ctl00_MainContent_AddedLink
{
	width: 200px;
	font: 0.875em Georgia, "Times New Roman", Times, serif;
	padding: 4px 5px;
}

#ctl00_MainContent_btnSaveLink {
	background: url(../assets/graphic/expand_btn_sv.png) no-repeat 0 0;
	height: 58px;
	width: 125px;
	text-indent: -9999px;
	border-style: none;
	cursor: pointer;
	display: inline-block;
}

#ctl00_MainContent_btnSaveLink:hover {
	background-position: 0 -58px;
}

#ctl00_MainContent_GeneratedLink {
    width: 700px;
	height: 125px;
	font: 0.875em Georgia, "Times New Roman", Times, serif;
	padding: 5px;
	margin-left: 20px;
}

#copyBtnHolder  {
	float: right;
	margin-right: 80px;
	margin-top: 5px;
	display: inline-block;
}
#copyFlash {
   cursor: pointer;
}

