/*
        project:  hostsmb.com.
        version: 1.0
        client: penguinsoft
        author: SunJoo Moon, origianl css from luka cvrk (www.solucija.com)
*/

*{ margin: 0; padding: 0; }*


/* body area default
------------------------------------------------------------------------------------*/

body {
 font: 0.91em '맑은 고딕',돋움,Tahoma, "Trebuchet MS", Tahoma, sans-serif;
 line-height: 1.6em;
 background: #fff url(/images/bg.gif) repeat-x;
 color: #303030;
}

a {
 color: #000;
 background: inherit;
 text-decoration: none;

}

a:hover {
 color: #A0410D;
 background: inherit;
 text-decoration: underline;
}


p {
 font-family: 돋움,Trebuchet MS,Tahoma ;
 line-height: 160%;
 margin:3px 0 19px 0;
 font: 0.91em '맑은 고딕',돋움,Tahoma, "Trebuchet MS", Tahoma, sans-serif;
}

.seo {display:none;}

h1 {
 font: bold 1.4em '맑은 고딕',돋움,"Trebuchet MS", Georgia, Arial;
 padding: 3px 0 10px 35px;
 color: #cc3300;
 height:25px;
 margin:0 0 15px 0;

}

h2 {
 font: bold 1.4em '맑은 고딕',돋움,"Trebuchet MS", Georgia, Arial;
 padding: 3px 0 10px 35px;
 color: #cc3300;
 background:url(/images/bullet/heading_title.gif) no-repeat;
 height:25px;
 margin:0 0 15px 0;
 border-bottom:2px solid #ccc;
}

h2 span {border-bottom:4px solid red;}

h3 {
 font: bold 1.2em '맑은 고딕',돋움,"Trebuchet MS", Georgia, Arial;
 padding: 3px 0 2px;
 color: #000000;
 height:25px;
 margin:0 0 1px;
 border-bottom:0px solid #ccc;
}


h4 {
 font: bold 1.2em '맑은 고딕',돋움,Trebuchet MS, Georgia, Arial;
 text-indent:5px;
 color:#cc3300;
 border-bottom:2px solid #36393D;
 padding:7px 0 7px 0;
 xbackground: url(/images/bullet/bullet_left.gif) no-repeat;
 margin:3px 0 5px 0;
}

br {line-height:150%;}

td {
font-size:0.92em;
}

span {font-size:0.88em; color:gray;}   /* form mail등에서 노트용 작은 글자 사용 */

span.important {font-size:0.88em; color:red;}  /* 주문서 등에서 빨간색으로 중요한 내용 표시시 사용 */

.ul li {
 list-style-image: url('/images/bullet/bullet_check.png');
 margin:0 0 0 22px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.formbutton{
cursor:pointer;
border:outset 3px #ccc;
font-weight:bold;
padding: 3px 9px;
background:url(/images/button/formbg.gif) repeat-x left top;
}

/* http:http://www.dynamicdrive.com/style/csslibrary/item/css_square_buttons/
css  button */

a.squarebutton{
background: transparent url(/images/button/square-gray-left.gif) no-repeat top left;
display: block;
float: left;
font: bold 15px '맑은 고딕',돋움,Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
margin:10px 10px 10px 10px;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url(/images/button/square-gray-right.gif) no-repeat top right;
display: block;
text-decoration: none;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
text-decoration: none;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
text-decoration: none;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* 내용 전체 container 정보
------------------------------------------------------------------------------------*/

#content {
 width: 930px;
 margin: 0 auto;
}

p.bullet_m {
font:'맑은 고딕',돋움,Arial;padding:15px 15px 15px 60px;text-indent:0.1cm;
background:#FCE5CD url(/images/bullet/bullet_m.gif) no-repeat 3% 40%;
}

p.quote {
font:'맑은 고딕',돋움,Arial;padding:15px 15px 15px 10px;text-indent:0.1cm;
background:#fff url(/images/bullet/bullet_webhosting.gif) no-repeat;
}


p.promotion {
font:1.1em/1.5em '맑은 고딕',돋움,Arial;padding:70px 150px 15px 90px;text-indent:0cm;
background:#fff url(/images/promotion_event.png) no-repeat;
height:200px;

}


/**
images img 테그로 사용되는 모든 이미지에 테두리를 입혀서 보기좋게 하는것
-------------------------------------------------------------------------*/
img {
background: #fafafa;border: 0px solid #C4DF9B;padding: 5px;
}

img:hover {
background: #E5FFBF;border: 0px solid #7CA938;padding: 5px;
}

.right {
margin: 0px 0px 10px 10px; float: right; clear:both;
}

.left {
margin: 0px 20px 10px 0px;float: left; clear:both;
}


/* default content area with two pane
------------------------------------------------------------------------------------*/
#content_full {
 float: right;
 width: 920px;
 font:0.99em '맑은 고딕',돋움,Arial;
 padding:10px;
 line-height:190%;
}

#content_default {
 float: right;
 width: 710px;
 font:0.99em '맑은 고딕',돋움,Arial;
 padding:0 0 60px;
 line-height:190%;
}

p {
 font:0.92em '맑은 고딕',돋움,Arial;
 padding:3px 0;
 line-height:150%;
}

.box_text {
 background: #ffffff url(/images/bg.gif) repeat-x top;
 padding: 6px 12px 6px 12px;
 margin:10px 0 0;
 border:1px dotted #ccc;
}

.box_bullet {
 list-style-image: url(/images/bullet/bullet_left.gif);
 background: #fff;
 padding: 5px 0 6px 35px;
 font-size:0.93em; font-weight:bold;
 line-height:160%;
 margin:5px 0;
}

.ssh_code {
 font:normal normal #ffffff 1.0em "Courier New";
 background: black;
 border: 1px dashed #009900;
 padding:5px auto;
}

.css_code {
 font:normal normal #ffffff 1.0em "Courier New";
 background: #FFFFCC;
 border: 1px dashed #000000;
 padding:7px 7px;
}

.html_code {
 font:normal normal #ffffff 1.0em "Courier New";
 background: black;
 border: 1px dashed #cccccc;
 padding:5px auto;
}

.li {
 line-height: 170%;
}


/* common title backgrounds */

.caption_features { background: #fff url(/images/caption_features.gif) no-repeat; padding: 2px 0 0 18px; height: 35px; color: #fff; font-size:1.0em; font-weight:bold;  }
.caption_faq {  background: #fff url(/images/caption_faq.gif) no-repeat; padding: 2px 0 0 18px; height: 35px; color: #fff; font-size:1.0em;font-weight:bold;   }
.caption_menu { background: #fff url(/images/title.gif) no-repeat; padding: 2px 0 0 18px; height: 35px; color: #fff; font-size:1.0em; font-weight:bold; }
.caption_others { background: #fff url(/images/title.gif) no-repeat; padding: 2px 0 0 18px; height: 35px; color: #fff;  font-size:1.0em;font-weight:bold;  }

.caption p { margin: 0; }


/* logo top area
------------------------------------------------------------------------------------*/

#penguinsoft_logo {
  background: url(/images/logo.gif) no-repeat;
  margin: 30px 0 0px 0;
  width: 250px;
  float: left;
}

#penguinsoft_logo span {     /* logo text not to be shown */
 display: none;
}

#penguinsoft_logo h3 {
 margin: 40px 0 0px 0px;
 width: 260px;
 font-size:1.0em;
 font-family: '맑은 고딕',돋움,Trebuchet MS,Tahoma ;
}

/* menu top area
------------------------------------------------------------------------------------*/


#menu_top {
 float: right;
 padding: 40px 0 0;
 margin: 0 0 28px;
 font-weight: bold;
 font-size: 0.9em;
}

#menu_top li {
  display: inline;

}

#menu_top li a {
 float: left;
 width: 88px;
 padding: 2px 0 7px;
 text-align: center;
 margin: 0 0 0 10px;
 color: #636365;
}

#menu_top li a.current { background: #fff url(/images/button.gif) no-repeat; color: #fff; }

#menu_top li a:hover { text-decoration: none; color: #000; background: #fff url(/images/button_grey.gif) no-repeat; }

.clear { clear: both; }

/* login */
#login {
 padding: 1px 0 0;
 margin: 1px 145px auto;
 position:absolute;top:2px; left:300px;
}


/* left menu 1 for two pane pages
------------------------------------------------------------------------------------*/

#menu_left {
 margin: 0 0 20px;
 clear: left;
 width: 180px;
 float: left;
 font-size:0.89em;
}

.box {
 background: #eee;
 padding: 10px 10px;
 margin:0 0 15px 0;
}

.box li {
list-style: none;
/* list-style-image: url(/images/bullet/bullet_left.gif);      */
 border-bottom: 1px dotted #ccc;
 line-height: 23px;
}

.box li a {
 padding: 0 5px;
}


/* original left area
------------------------------------------------------------------------------------*/

#content_left {
 margin: 0 0 0 0;
 clear: left;
 width: 190px;
 float: left;
 font-size:0.90em;
}

.box_left {
 background: #f0eeeb;
 padding: 5px 0 6px 0;
 margin:0 0 10px 0;
}

.box_left li {
list-style: none;
/* list-style-image: url(/images/bullet/bullet_left.gif);   */
 border-bottom: 1px dotted #ccc;
 line-height: 170%;
 margin: 0 0 0 12px;
}

.box_left li a {
 padding: 0 5px;
 font-size:0.92em;
}

#content_left img {
 padding: 2px 0 0 12px;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 background: #eee;
}

.smallthumb {
 width: 109px;
}
.server {
 width: 230px;
}

/* center area list type
------------------------------------------------------------------------------------*/

#content_center {
 width: 185px;
 float: left;
 margin: 0 0 20px 15px;
 font-size:0.90em;
}

.box_center {
 background: #eee;
 padding: 10px 0 10px 0;
 margin:0 0 10px 0;
}

.box_center li {
list-style: none;
/* list-style-image: url(/images/bullet/bullet_center.gif); */
 border-bottom: 1px dotted #ccc;
 line-height: 170%;
 margin: 0 0 0 12px;
}

.box_center li a {
 padding: 0 5px;
}


textarea {
        font: normal 0.96em '맑은 고딕',돋움,Verdana, sans-serif;
        background:#eee;
}

/* right area content
------------------------------------------------------------------------------------*/

#content_right {
 float: right;
 width: 530px;
}

.imgbox {
background: #eee;border: 1px solid #D5CCC3; padding:6px 5px;
}

.imgbox:hover {
background: #f7bf30;border: 1px solid #406618; padding:6px 5px;
}

.imgright {
background: #eee;border: 1px solid #D5CCC3; padding:5px 6px;
}

.imgboxright:hover {
background: #f7bf30;border: 1px solid #406618; padding:6px 5px;
}

/* footer area in the bottom
------------------------------------------------------------------------------------*/
#footer {
 font-size: .92em;
 clear: both;
 padding: 15px;
 background: #fff url(/images/bg.gif) repeat-x;
 color: #303030;
}

#footer a { color: #444; }


/* forms start here http://www.dynamicdrive.com/style/csslibrary/item/css-tableless-form
------------------------------------------------------------------------------------*/

.cssform p{
width: 70%;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 135px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: normal;
float: left;
margin-left: -135px; /*width of left column*/
width: 120px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
}

.cssform note{
width: 90%;
font-family:'맑은 고딕',돋움,Lucida Console;
font-size: 0.9em;
}

.cssform textarea{
width: 90%;
font-family: '맑은 고딕',돋움,Lucida Console;
font-size: 0.9em;

/*height: 150px;    */

/* http://cssbutton.com/forms/ submit 버튼을 이미지로 하는것
------------------------------------------------------------------------------------*/
.input {
    border: 1px solid #006;
    background: #ffc;
}
.input:hover {
    border: 1px solid #f00;
    background: #ff6;
}

.button {
    border: none;
    background: url(/images/up.png) no-repeat top left;
    padding: 2px 8px;
}
.button:hover {
    border: none;
    background: url(/images/pressed.png) no-repeat top left;
    padding: 2px 8px;
}
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


/* tables start here http://icant.co.uk/csstablegallery/index.php
------------------------------------------------------------------------------------*/

table {
        font-size:0.89em;
        font-family:'맑은 고딕',돋움,Arial, Helvetica, sans-serif;
        line-height:160%;
        border-collapse:separate;
        border-spacing:0; border:1px solid #EBE5D9 ;
        margin:0 0 1em;
        color:#000;
        width:100%;
        }
table a {
        color:#523A0B;
        text-decoration:none;
        border-bottom:1px dotted;
        }
table a:visited {
        color:#444;
        font-weight:normal;
        }
table a:visited:after {
        content:"\00A0\221A";
        }
table a:hover {
        border-bottom-style:solid;
        }
thead th,
thead td,
tfoot th,
tfoot td {
        border:1px solid #523A0B;
        border-width:1px 0;
        background:#EBE5D9;
        }
th {
        font-weight:bold;
        line-height:170%;
        padding:0.25em 0.5em;
        text-align:center;
        }
tbody th,
td {
        padding:0.15em 0.2em;
        text-align:left;
        vertical-align:middle;
        }
tbody th {
        font-weight:normal;
        white-space:nowrap;
        }
tbody th a:link,
tbody th a:visited {
        font-weight:bold;
        }
tbody td,
tbody th {
        border:1px solid #fff;
        border-width:1px 0;
        text-align:left;
        }
tbody tr.odd th,
tbody tr.odd td {
        border-color:#EBE5D9;
        background:#F7F4EE;
        }
tbody tr:hover td,
tbody tr:hover th {
        background:#ffffee;
        border-color:#523A0B;
        }
caption {
        font-family:'맑은 고딕',돋움,Georgia,Times,serif;
        font-weight:bold;
        font-size:1.1em;
        text-align:left;
        margin:0;
        padding:0.5em 0.25em;
}


/* 각 페이지별 관련 된 style 들 - web hosting related
------------------------------------------------------------------------------------*/

#support_3 {
 float: right;
 width: 300px;
}

#support_4 {
 margin: 0 0 20px;
 float:right;
 width: 230px;
 font-size:0.90em;
}

.box_support {
 background: #f0eeeb;
 padding: 5px 0 6px 0;
 margin:0 0 10px 0;
}

.li {
 list-style: none;
 border-bottom: 1px dotted #ccc;
 line-height: 17px;
}

.li a {
 list-style: none;
 border-bottom: 1px dotted #ccc;
 line-height: 17px;
}

.imgbox {
background: #eee;border: 1px solid #D5CCC3; padding:6px 5px;
}

.imgbox:hover {
background: #f7bf30;border: 1px solid #406618; padding:6px 5px;
}

/**
Presenter  for website pages
Credits: http://www.stunicholls.com/various/more_and_more.html
---------------------------------------------------------------------*/
#website {position:relative; font:0.92em '맑은 고딕',돋움,Arial; line-height:170%; width:930px; padding:90px 0 0 15px; background:url('/images/pointer/site.png') no-repeat left top; height:390px;}
#website .switch {display:block; cursor:pointer; color:#000; font-weight:normal;background: url('/images/bullet/bullet_check.png') no-repeat; text-indent:20px;}
#website .switch .turn_off {display:none;}
#website .off {color:#c00;}
#website .off .turn_off {display:inline;}
#website .off .turn_on {display:none;}
#website .hide {display:none;}
#website .show {position:absolute; top:37px; left:370px; display:block; width:550px;  z-index:200;}


/**
Presenter  for solution pages
Credits: http://www.stunicholls.com/various/more_and_more.html
---------------------------------------------------------------------*/
#solution {position:relative; font:0.92em '맑은 고딕',돋움,Arial; line-height:170%; width:970px; padding:90px 0 0 15px; background:url('/images/pointer/solution_new1.png') no-repeat left top; height:390px;}
#solution .switch {display:block; cursor:pointer; color:#000; font-weight:normal;background: url('/images/bullet/bullet_check.png') no-repeat; text-indent:20px;}
#solution .switch .turn_off {display:none;}
#solution .off {color:#c00;}
#solution .off .turn_off {display:inline;}
#solution .off .turn_on {display:none;}
#solution .hide {display:none;}
#solution .show {position:absolute; top:27px; left:320px; display:block; width:490px;  z-index:200;}

/**
Presenter  for index pages
Credits: http://www.stunicholls.com/various/more_and_more.html
---------------------------------------------------------------------*/
#indexpage {position:relative; font:0.92em '맑은 고딕',돋움,Arial; line-height:170%; width:930px;  margin:0 0 0 1px;  background:url('/images/pointer/pointer.jpg') no-repeat left top; height:370px;}
#indexpage .switch {position:relative;top:70px;display:block; padding:0 0 0 19px; margin:0 0 0 170px;cursor:pointer; color:#000; font-weight:normal;background: url('/images/bullet/bullet_check.png') no-repeat;}
#indexpage .switch .turn_off {display:none;}
#indexpage .off {color:#c00;}
#indexpage .off .turn_off {display:inline;}
#indexpage .off .turn_on {display:none;}
#indexpage .hide {display:none;}
#indexpage .show {position:absolute; top:1px; left:370px; display:block; width:550px;  z-index:200;}

#indexpage li {
 list-style: none;
 border-bottom: 1px dotted #ccc;
 line-height: 170%;
  text-decoration: none;
}

#indexpage li a {
 list-style: none;
 border-bottom: 1px dotted #ccc;
 line-height: 170%;
  text-decoration: none;
}


/**
Presenter  for webhosting why penguin webhosting pages
Credits: http://www.stunicholls.com/various/more_and_more.html
---------------------------------------------------------------------*/
#webhosting {position:relative; font:0.92em '맑은 고딕',돋움,Arial; line-height:170%; width:930px; padding:60px 0 0 170px; background:url('/images/pointer/pointer.jpg') no-repeat left top; height:270px;}
#webhosting .switch {display:block; cursor:pointer; color:#000; font-weight:normal;background: url('/images/bullet/bullet_check.png') no-repeat; text-indent:20px;}
#webhosting .switch .turn_off {display:none;}
#webhosting .off {color:#c00;}
#webhosting .off .turn_off {display:inline;}
#webhosting .off .turn_on {display:none;}
#webhosting .hide {display:none;}
#webhosting .show {position:absolute; top:0; left:365px; display:block; width:550px;  z-index:200;}





/** show icons for links
Credits: http://pooliestudios.com/projects/iconize/
--------------------------------------------------------------------*/
/* Iconize 0.5 */

/* websites (pictures and movies) */
a[href *="youtube.com/watch?"], a[href *="sevenload.com/videos/"], a[href *="metacafe.com/watch/"] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_film.gif) no-repeat center right;
}

a[href *="flickr.com/photos/"], a[href *="zooomr.com"], a[href *="imageshack.us"], a[href *="bubbleshare.com"], a[href *="sevenload.com/bilder/"] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_pic.gif) no-repeat center right;
}

/* extensions */

a[href$='.doc'], a[href$='.rtf'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_doc.gif) no-repeat center right;
}

a[href$='.txt'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_txt.gif) no-repeat center right;
}

a[href$='.xls'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_xls.gif) no-repeat center right;
}

a[href$='.rss'], a[href$='.atom'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_feed.gif) no-repeat center right;
}

a[href$='.opml'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_opml.gif) no-repeat center right;
}

a[href$='.phps'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_phps.gif) no-repeat center right;
}

a[href$='.phps'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_phps.gif) no-repeat center right;
}

a[href$='.torrent'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_torrent.gif) no-repeat center right;
}

a[href$='.vcard'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_vcard.gif) no-repeat center right;
}

a[href$='.exe'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_exe.gif) no-repeat center right;
}

a[href$='.dmg'], a[href$='.app'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_dmg.gif) no-repeat center right;
}

a[href$='.pps'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_pps.gif) no-repeat center right;
}

a[href$='.pdf'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_pdf.gif) no-repeat center right;
}

a[href$='.xpi'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_plugin.gif) no-repeat center right;
}

a[href$='.fla'], a[href$='.swf'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_flash.gif) no-repeat center right;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_archive.gif) no-repeat center right;
}

a[href$='.ical'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_ical.gif) no-repeat center right;
}

a[href$='.css'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_css.gif) no-repeat center right;
}

a[href$='.ttf'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_ttf.gif) no-repeat center right;
}

a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_pic.gif) no-repeat center right;
}

a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_film.gif) no-repeat center right;
}

a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_music.gif) no-repeat center right;
}

/* messenger */
a[href ^="aim:"] {
        padding: 5px 20px 5px 0;
    background: transparent url(/images/icon/icon_aim.gif) no-repeat center right;
}

a[href ^="msnim:"] {
        padding: 5px 20px 5px 0;
    background: transparent url(/images/icon/icon_msn.gif) no-repeat center right;
}

a[href ^="xmpp:"] {
        padding: 5px 20px 5px 0;
    background: transparent url(/images/icon/icon_jabber.gif) no-repeat center right;
}

a[href *="icq.com"] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_icq.gif) no-repeat center right;
}

a[href *="edit.yahoo.com/config/send_webmesg?"] {
        padding: 5px 20px 5px 0;
        background: transparent url(/images/icon/icon_yim.gif) no-repeat center right;
}

a[href ^="callto:"] {
        padding: 5px 20px 5px 0;
    background: transparent url(/images/icon/icon_call.gif) no-repeat center right;
}

a[href ^="skype:"] {
        padding: 5px 20px 5px 0;
    background: transparent url(/images/icon/icon_skype.gif) no-repeat center right;
}

a[href ^="gg:"] {
        padding: 5px 20px 5px 0;
    background: transparent url(/images/icon/icon_gadugadu.gif) no-repeat center right;
}

/* email */
a[href ^="mailto:"] {
        padding: 5px 20px 5px 0;
    background: transparent url(/images/icon/icon_mailto.gif) no-repeat center right;
}

/* use this class to make sure that images won't get iconized */

.imageLink {
        padding-right: 0px !important;
        background: none !important;
}