/*
        project:  internet studio
        author:   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(http://hostsmb.com:10000/images/signup/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;
}


h2 {
 font: bold 1.4em 돋움,"Trebuchet MS", Georgia, Arial;
 padding: 3px 0 10px 35px;
 color: #cc3300;
 background:url(http://hostsmb.com:10000/images/signup/images/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.4em 돋움,"Trebuchet MS", Georgia, Arial;
 padding: 3px 0 10px;
 color: #cc3300;
 height:25px;
 margin:0 0 15px 0;
 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(http://hostsmb.com:10000/images/signup/images/bullet/bullet_left.gif) no-repeat;
 margin:3px 0 5px 0;
}

.h3warning        {
    color:#FF0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-decoration: none;
    font-weight: bold;

}

.warning  {
    color:#FF0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    border:1px solid #ff0000;
    background:#FFF2D7;
    padding:5px;
}

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;}  /* 주문서 등에서 빨간색으로 중요한 내용 표시시 사용 */

/*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(http://hostsmb.com:10000/images/signup/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(http://hostsmb.com:10000/images/signup/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(http://hostsmb.com:10000/images/signup/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(http://hostsmb.com:10000/images/signup/images/bullet/bullet_m.gif) no-repeat 3% 40%;
}

p.quote {
font:돋움,Arial;padding:15px 15px 15px 60px;text-indent:0.1cm;
background:#eee url(http://hostsmb.com:10000/images/signup/images/icons/i_summary.png) no-repeat;
}


/* images img 테그로 사용되는 모든 이미지에 테두리를 입혀서 보기좋게 하는것*/

img.right {
margin: 5px 0px 10px 10px; float: right;
}

img.left {
margin: 5px 20px 10px 0px;float: left;
}


/* default content area with two pane
------------------------------------------------------------------------------------*/

#content_default {
 float: right;
 width: 730px;
 font:0.99em 돋움,Arial;
 padding:0 0 60px;
}

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

.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: black;
 border: 1px dashed #009900;
 padding:5px auto;
}

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


/* common title backgrounds */

.caption_features { background: #fff url(http://hostsmb.com:10000/images/signup/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(http://hostsmb.com:10000/images/signup/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(http://hostsmb.com:10000/images/signup/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(http://hostsmb.com:10000/images/signup/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(http://hostsmb.com:10000/images/signup/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(http://hostsmb.com:10000/images/signup/images/button.gif) no-repeat; color: #fff; }

#menu_top li a:hover { text-decoration: none; color: #000; background: #fff url(http://hostsmb.com:10000/images/signup/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(http://hostsmb.com:10000/images/signup/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(http://hostsmb.com:10000/images/signup/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.90em;
}

#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(http://hostsmb.com:10000/images/signup/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;
}

.date {
 font-size: 0.99em;
 border-top: 1px solid #eee;
 padding: 5px 0 0;
}

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

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



/* footer area in the bottom
------------------------------------------------------------------------------------*/
#footer {
 font-size: .92em;
 clear: both;
 padding: 15px;
 background: #eee;
 width: 100%;
}

#footer a { color: #444; }


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

.cssform p{
width: 80%;
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: 100%;
font-family:돋움,Lucida Console;
font-size: 0.9em;
}

.cssform textarea{
width: 97%;
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(http://hostsmb.com:10000/images/signup/images/up.png) no-repeat top left;
    padding: 2px 8px;
}
.button:hover {
    border: none;
    background: url(http://hostsmb.com:10000/images/signup/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:150%;
        padding:0.25em 0.5em;
        text-align:left;
        }

tl {
        line-height:150%;
        padding:0.25em 0.5em;
        text-align:right;
        }
        
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
------------------------------------------------------------------------------------*/

#webhosting_main {
  background: url(/webhosting/images/webhosting.png) no-repeat;
  margin: 0 0 0 0;
  width: 420px;
  height: 400px;
}

#webhosting_main_right {
  background: url(/webhosting/images/webhosting_main_right.jpg) no-repeat;
  margin: 0 0 0 0;
  float: right;
  width: 430px;
  height: 400px;

}