﻿body 
{
    /* Font (Standard) */
    font-family:Arial,Tahoma,Sans;font-size:10pt;color:Black;
    margin:0px;
    background:#eef9fc;
    background-image:url('../images/smsking/bg_page_fade.gif');
    background-repeat:repeat-x;
    
}

/* Header */
.regnumbers {height:40px;width:40px;background:#2CC0F3;text-align:center;font-weight:bold;font-size:32px;color:White;float:left;}
.numberofmembers {float:right;margin:10 20 0 0;font-weight:bold;color:#555555;}
.signupbuttonteaser { height:20px;overflow:hidden;}
.headercontainer { height:58px; vertical-align:middle; margin-top:15px;}
.subheader { background-image:url('../images/smsking/bg_header_thin.gif'); width:1000px;height:50px; margin-top:0px; margin-bottom:30px;}
.logo { background-image:url('../images/smsutopia/smsutopia_dk_logo.gif');background-repeat:no-repeat; width:182px; height:48px; margin-left:20px; float:left;}
.valueprop { margin-top:13px;padding-left:10px; width:300px;  float:left; text-shadow -1px -1px #1f7ea6;}
.loginfield { float:right; margin-right:15px; vertical-align:middle;}
#headerwelcome { color:White; height:230px; padding:0px; padding-left:60px; margin-bottom:0px; }
.welcometext { width:480px; padding-top:30px;text-shadow:-1px -1px #1f7ea6;font-size:11pt;line-height:20px; }
#welcomeimage { background-image:url('../images/smsking/bg_header_right.jpg');background-repeat:no-repeat;height:308px; float:right; width:450px;margin-top:0px;   }
.welcometeaser { text-shadow:-1px -1px 0px #3299c2;float:right; width:230px; margin-right:160px; margin-top:30px; background-image:url('../images/smsking/icon_quote.gif'); background-repeat:no-repeat; }
.welcomepadder { margin-left:75px; }
.headeripod { vertical-align:middle; margin-left:8px; }
.loginbuttons { float:left; height:30px;  margin-left:3px; vertical-align:middle; }
.searchbox { float:right; padding:6px; padding-right:10px; }

/* Popup */
#modalmsg { position:absolute; z-index:100; width:500px; background:white; border:1px solid lightgrey; visibility:hidden;display:none; font-size:11pt; }
#modalmsgbackground { background:black; z-index:99; width:100%; height:100%; position:absolute; visibility:hidden;display:none; opacity:0.3;filter:alpha(opacity=30); }
#msgok { padding:25px;padding-top:0px; float:right; }

/* MenuItems */
ul.headermenu { font-size:10pt;  list-style-type:none; padding:0px;margin:0px;margin-left:20px;}
ul.loggedinmenu { font-size:11pt;background:#cfeffc; list-style-type:none; padding:0px;margin:0px;}
li.lim {text-shadow:-1px -1px 0px #3299c2;float:left;margin:0px;padding:3px;padding-bottom:10px;padding-left:9px;margin-right:9px;border:0px; }
li.menuitem {float:left; height:35px; line-height: 33px; border:0px; padding:0 9 0 9; }
li.menuitem:Hover { background:#f2fbfe;}
.menucontainer { width:100%;height:35px;border:0px; }
li.selectedli { text-shadow:-1px -1px 0px #3299c2;background:#2dbdf2;font-weight:bold; padding:0 9 0 9;float:left; height: 35px; line-height: 33px; border:0px; margin-right:10px;}


/* Footer */
ul.footerlist { float:left; font-size:8pt; list-style-type: none; padding:0px;margin:0px;margin-left:20px;}
li.footeritem {float:left;margin:0px;padding:3px;padding-left:5px;padding-right:5px;border:0px; }
.footer { font-size:8pt; padding:8px;}
.footerinfo { padding:3px;  float:left; margin-left:10px;}
A.footerlink { font-weight:normal; color:grey;}
A.footerlink:Hover { font-weight:normal; color:#3bb2f1;}
.footerbox { margin-top:0px; background-image:url('../images/smsking/bg_footer.gif'); height:40px;}
.divider { height:10px;overflow:hidden;width:100%; }

/* Form elements */
form { margin:0px; }
input { font-family:inherit;font-size:10pt;color:Black; height:25px; vertical-align:middle;}
input.bigtext { width:100%; }
input.bigger { height:25px; }
input.notactivated { color:#aaaaaa; }
input.prefixinput { width:30px; }
input.mobileinput { width:80px; }
input.inactive {font-style:italic;color:#aaaaaa;}
input.active {font-style:normal;color:Black;}
.fullsize { width:100%; }
textarea { font-family:inherit;font-size:10pt;color:Black;}
select { font-family:inherit;font-size:10pt;color:Black; height:25px; vertical-align:middle; }
p { margin:0px; margin-top:5px;margin-bottom:5px; }

/* Headers */
h1 { margin:0px; }
h2 { margin:0px; }
h3 { margin:0px; }
h4 { margin:0px; }
.t0 { text-shadow:-1px -1px 0px #3299c2;font-size:20pt;font-weight:bold;font-family:Arial,Tahoma,Sans;margin-bottom:8px; letter-spacing:-0.02em; }
.t1 { font-size:16.5pt;font-weight:bold;font-family:Arial,Tahoma,Sans; letter-spacing:-0.02em; }
.t2 { font-size:13.5pt;font-weight:bold;font-family:Arial,Tahoma,Sans; letter-spacing:-0.02em; }
.t3 { font-size:11pt;font-weight:bold;font-family:Arial,Tahoma,Sans; letter-spacing:-0.02em; }
.t4 { font-size:10pt;font-weight:bold;font-family:Arial,Tahoma,Sans; letter-spacing:-0.02em; }
/* Links */
A { color:#0ab2f1; text-decoration:none; font-weight:bold;}
A:Hover { color:#0ab2f1; text-decoration:underline; font-weight:bold; }
A.menu { text-shadow:1px 1px 0px #ffffff;color:#555555; text-decoration:none; font-weight:bold; }
A.menu:Hover { color:#555555; text-decoration:none; font-weight:bold; }
A.menu_inactive { color:#FFFFFF; text-decoration:none; font-weight:bold; }
A.menu_inactive:Hover { color:#FFFFFF; text-decoration:none; font-weight:bold; }
A.lightlink { color:#bbe8ff; font-weight:bold; }
A.lightlink:Hover { color:#bbe8ff; font-weight:bold; }
A.lightlink:Visited:Hover { color:#bbe8ff; font-weight:bold; }
A.blacklink { color:Black; }
A.blacklink:Hover { color:#0ab2f1; }
A.blacklink:Visited:Hover { color:#0ab2f1; }

/* Buttons */
A.bigbutton { text-shadow:-1px -1px 0px #629b03;cursor:pointer;height:35px;text-decoration:none;display:inline-block;padding-left:5px;color:white;font-size:13pt;font-weight:bold;background-image:url('../images/smsking/bg_big_button_left.gif'); background-repeat:no-repeat; }
A.bigbutton span { display: inline-block;height:35px;background-image:url('../images/smsking/bg_big_button_right.gif'); padding-right:5px;background-repeat: no-repeat; background-position: right top; }
A.bigbutton span span { display: inline-block;padding:0px;padding-top:7px;padding-right:8px;padding-left:8px;height:35px;padding-bottom:4px; background-image:url('../images/smsking/bg_big_button.gif');background-repeat:repeat-x; }
A.bigbutton:Hover { text-decoration:none;color:White;}
A.bigbutton:Visited:Hover { text-decoration:none;color:White;}

A.bigbluebutton { text-shadow:-1px -1px 0px #3299c2;cursor:pointer;height:35px;text-decoration:none;display:inline-block;padding-left:5px;color:white;font-size:13pt;font-weight:bold;background-image:url('../images/smsking/bg_big_blue_button_left.gif'); background-repeat:no-repeat; }
A.bigbluebutton span { display: inline-block;height:35px;background-image:url('../images/smsking/bg_big_blue_button_right.gif'); padding-right:5px;background-repeat: no-repeat; background-position: right top; }
A.bigbluebutton span span { display: inline-block;padding:0px;padding-top:7px;padding-right:8px;padding-left:8px;height:35px;padding-bottom:4px; background-image:url('../images/smsking/bg_big_blue_button.gif');background-repeat:repeat-x; }
A.bigbluebutton:Hover { text-decoration:none;color:White;}
A.bigbluebutton:Visited:Hover { text-decoration:none;color:White;}

A.button { text-shadow:-1px -1px 0px #3299c2;cursor:pointer;height:23px;text-decoration:none;display:inline-block;padding-left:5px;color:white;font-size:10pt;font-weight:bold;background-image:url('../images/smsking/bg_button_left.gif'); background-repeat:no-repeat; }
A.button span { display: inline-block;height:23px;background-image:url('../images/smsking/bg_button_right.gif'); padding-right:5px;background-repeat: no-repeat; background-position: right top; }
A.button span span { display: inline-block;padding:0px;padding-top:4px;padding-right:3px;padding-left:4px;height:23px;padding-bottom:4px; background-image:url('../images/smsking/bg_button.gif');background-repeat:repeat-x; }
A.button:Hover { text-decoration:none;}
A.button:Visited:Hover { text-decoration:none;color:White;}

A.biggerlink { font-size:11pt; }
A.limlink { color:White; }

/*  Lists */
ul.list { list-style:none; margin:0px; padding:0px; padding-left:10px; margin-bottom:5px; }
li.listitem { font-size:10pt;font-weight:bold; padding-left:25px; padding-top:6px; background-image: url('../images/smsking/icon_check.gif'); background-repeat: no-repeat; background-position: 0 .5em; }

/* Page setup */
.pagecontainer {  border:1px solid white; width:1000px; overflow:hidden; text-align:left; background-image:url('../images/smsking/bg_page.gif');  background-repeat:repeat-x;}
.pagecontent { background:white;background-image:url('../images/smsking/bg_tileheader.jpg'); background-repeat:repeat-x;  }
.pagecontentsub { margin-top:6px;background:white; background-repeat:no-repeat;  }
.pagecontainershadow { width:1002px; padding:1px; background:white; border:1px solid #b2d8e6; }



/* Div */
.hearticon { margin-left:3px; }
.content {margin-left:30px; margin-top:0px; width:580px; }
.contentnocolumns {margin-left:50px; margin-top:0px; width:910px; margin-right:30px; }
.contentleft { margin-left:60px; margin-top:0px; width:480px;  }
.contentleft_nopadding {  margin-top:0px; width:480px; }
.contentright { float:right; margin-left:10px; margin-top:0px;margin-right:30px;  width:370px;   }
.bluebox { height:auto;width:100%;overflow:hidden;padding:0px;background:#eff9fc;border:1px solid #c4ebfb; }
.bigger { font-size:11pt; font-weight:bold; }
.smaller {font-size:9pt; }
.normalsize { font-size:10pt; }
.lineblue { width:100%; height:1px; overflow:hidden; margin-top:5px; margin-bottom:5px; background:#b6e9fa; }
.linelightblue { width:100%; height:1px; overflow:hidden; margin-top:5px; margin-bottom:5px; background:#eff9fc; }
.padder { padding:10px; }
.verticalspacer { width:100%;height:18px; overflow:hidden; }
.verticalspacersmall { width:100%;height:4px; overflow:hidden; }
.paddersmall { padding:4px; }
.padderbig { padding:25px; }
.smallgreytext { font-size:8pt;color:grey; }
.middletext { padding:4px;padding-top:10px; }
.verticalcentered { vertical-align:middle; float:left; margin-top:9px;}
.verticaltail { vertical-align:middle; float:left; margin-bottom:5px; }
.sendsmstext { width:95%; font-size:11pt; font-weight:bold; }
.contactlistitems { width:100%; }
.rightbutton { float:right; margin:3px; }
.whitebox { width:95%;overflow:hidden;padding:0px;background:white;border:1px solid #c4ebfb; }
#forgotPassword { visibility:hidden;display:none; }
.loggedinmenu { padding-top:15px;margin-left:21px; } 
.sendsmstablefrontpage { width:100%; font-size:10pt; }
.bannerheader { background:#333333;margin-bottom:25px; width:100%; margin-top:-30px; padding:1px; height:60px; overflow:hidden; }
.whitelinksmall { font-size:8pt;color:White; font-weight:normal; }
.whitelinksmall:Hover { font-size:8pt;color:White; font-weight:normal; }
.hidden {visibility:hidden;display:none; }


/* User images */
.userimage30div {padding:3px;background:white;border:1px solid #dedede;float:left;margin:1px; }
.userimage40div { padding:3px;background:white;border:1px solid #dedede;float:left;margin:1px; overflow:hidden; }
.userimage150div { padding:3px;background:white;border:1px solid #dedede;float:left;margin:1px; }
.userimage120div { padding:0px;background:white;border:1px solid #dedede;float:left;margin:1px;overflow:hidden; }
.userimage260div {padding:3px;background:white;border:1px solid #dedede;float:left;margin:1px; margin-right:10px;}
.userimagediv { padding:3px; border:1px solid #dedede; }
.userimage260 { border:0px; width:260px; height:190px; }
.userimage120 { border:0px; width:120px; height:90px; margin:2px;}
.userimage150 { border:0px; width:150px; height:105px; }
.userimages40 { border:0px; width:40px; height:40px;  }

.userimages30 { border:0px; width:30px; height:30px; }
.userimages26 { border:0px; height:26px; width:26px; float:right; }


/*************** PAGES  *******************/

/* SendSMS */
.recipients { font-size:11pt; font-weight:bold; width:100%; }
.recipient{ width:345px;  height:32px; font-size:11pt;  margin-bottom:4px; }
.recipientsfield { width:95%;padding:5px; background:white; border:1px solid lightgrey;  overflow:auto;  }
.addedrecipient { float:left; padding:3px; visibility:hidden;display:none; }
.iconremove { border:0px; vertical-align:middle; margin-left:3px; }
.iconright { border:0px;float:right;margin:3px; }
.icon { border:0px; vertical-align:middle; margin-left:3px; margin-right:3px; }
#recipientsdefault { color:grey; padding:6px; font-style:italic; }
.sendsmscontacts { height:250px; overflow-y:scroll; overflow-x:hidden; }
.sendsmstextarea { width:95%;height:100px;  font-size:12pt; font-weight:bold; margin-top:3px;padding:8px; }
.leftarrow { border:0px;margin-right:4px; }
.recipientlist { border:1px solid #c4ebfb; background:white; padding:0px; height:32px; }
.contacttipfriend { margin:2px;margin-top:4px; float:right;}
#smschars { float:right; margin-right:8px; }
#selectsenddate { visibility:hidden;display:none; }
.sendsmsbutton { float:right;margin-right:8px; margin-bottom:6px; }
.gobacktop { margin-left:60px; margin-bottom:10px; font-size:13pt; margin-top:-10px; }


.pagingbox { width:25px;height:25px;background:#eff9fc; border:1px solid #c4ebfb;padding-top:4px;float:left;margin-right:4px; text-align:center; }
.pagingboxchosen { width:25px;height:25px;background:#0ab2f1; font-weight:bold; border:1px solid #c4ebfb;color:white;font-size:13pt;padding-top:4px;float:left;margin-right:4px; text-align:center; }
.pagingboxbig { height:25px;background:#eff9fc; border:1px solid #c4ebfb;padding-top:4px;float:left;margin-right:4px; text-align:center; }
.paginglink {  font-size:13pt;font-weight:bold; }

div.breaker { float: none; clear: both; }


