body {
    background-color: #D2D2D2;
}

form {
    display:inline;
}


a:link    	{ text-decoration:none; }
a:visited 	{ text-decoration:none; }
a:active   	{ text-decoration:none; }
a:hover  	{ text-decoration:none; }
a.nu:hover  	{ text-decoration:none; }
a 		{ outline:none; }

.link:hover 	{ text-decoration:underline; }

/* FONTS */
*  {font-family: Arial, Helvetica, Arial, Sans-serif; font-size: 12px; line-height:18px; color:#000000;}


.error_field { color: #bf1402; font-weight: bold; }

#no-javascript {
    background-color: #bf1402;
}



#header-container {
    width: 100%;
    height: 281px;
    background-image: url(http://kn-service.tomjoks.com/gfx/headBg.jpg);
    background-repeat: repeat-x;
}

#header {
    width: 100%;
    height: 100%;
    /*background-image: url(http://kn-service.tomjoks.com/gfx/headMainBg.jpg);
    background-repeat: no-repeat;*/
}

#content-container {
    width: 100%;
    height: 470px;
    background-image: url(http://kn-service.tomjoks.com/gfx/contentBg.jpg);
    background-repeat: repeat-x;
}

#content {
    width: 100%;
    height: 100%;
    background-image: url(http://kn-service.tomjoks.com/gfx/contentMainBg.jpg);
    background-repeat: no-repeat;
    position: relative;
}


#navi-container {
    width: 104px;
    position: absolute;
    left: 215px;
    top: 28px;
}

#navi1 {
    width: 100%;
    height: 44px;
    background-image: url(http://kn-service.tomjoks.com/gfx/naviBg1.png);
    background-repeat: no-repeat;
}

#navi2 {
    width: 100%;
    background-image: url(http://kn-service.tomjoks.com/gfx/naviBg2.png);
    background-repeat: repeat-y;
}
#navi2 div {
    left: 18px;
    position: relative;
    width: 68px;
}
#navi2 div a {
    line-height: 20px;
    font-weight: bold;
}

#navi3 {
    width: 100%;
    height: 26px;
    background-image: url(http://kn-service.tomjoks.com/gfx/naviBg3.png);
    background-repeat: no-repeat;
}


#copy-container {
    width: 500px;
    position: absolute;
    left: 325px;
    top: 30px;
}

#copy1 {
    width: 100%;
    height: 43px;
    background-image: url(http://kn-service.tomjoks.com/gfx/copyBg1.png);
    background-repeat: no-repeat;
}

#copy2 {
    width: 100%;
    background-image: url(http://kn-service.tomjoks.com/gfx/copyBg2.png);
    background-repeat: repeat-y;
}
#copy2 div {
    left: 25px;
    position: relative;
    width: 450px;
}

#copy3 {
    width: 100%;
    height: 26px;
    background-image: url(http://kn-service.tomjoks.com/gfx/copyBg3.png);
    background-repeat: no-repeat;
}



/*
#container {
    width: 1024px;
    height: 768px;
    background-image: url(http://kn-service.tomjoks.com/gfx/bg.jpg);
    background-repeat: no-repeat;
}

#navi {
    position: absolute;
    top: 321px;
    left: 42px;
    width: 109px;
    height: 318px;
    background-image: url(http://kn-service.tomjoks.com/gfx/naviBg.jpg);
    background-repeat: no-repeat;
}


#content {
    position: absolute;
    top: 321px;
    left: 214px;
    width: 615px;
    height: 318px;
    background-image: url(http://kn-service.tomjoks.com/gfx/contentBg.jpg);
    background-repeat: no-repeat;
}
*/








input.s,input.m, input.l, input.xl,
textarea.s, textarea.m, textarea.l, textarea.xl {
    background-color: transparent;
    border: 1px solid #777777;
    margin-top: 2px;
    margin-bottom: 2px;
}


input.s {width:58px;}
input.m {width:99px;}
input.l {width:140px;}
input.xl {width:200px;}

textarea.s {width:99px;}
textarea.m {width:140px;}
textarea.l {width:200px;}
textarea.xl {width:260px;}


/* ALIGNS */
.tal {text-align:left;}
.tac {text-align:center;}
.tar {text-align:right;}
.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}


/* BACKGROUNDS */
.bgWhite {background-color:white;}
.bg-EEEEEE {background-color: #EEEEEE;}
.bg-CCCCCC {background-color: #CCCCCC;}
.bg-AAAAAA {background-color: #AAAAAA;}
.bg-FF6666 {background-color: #FF6666;}

/* COLOR */
.colWhite {color:#FFFFFF;}
.colBlack {color:#000000;}
.colLightGrey {color:#CCCCCC;}

/* SIZES */
.fs1 {font-size:1px;}
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs24 {font-size:24px;}

/* WEIGHTS */
.fwb {font-weight:bold;}

/* TEXT DOCORATION */
.tdu {text-decoration:underline;}

/* BORDER */
.bt-999999 {border-top: 1px solid #999999;}
.b-d-999999 {border: 1px dotted #999999;}
.bl-d-999999 {border-left: 1px dotted #999999;}
.bt-d-999999 {border-top: 1px dotted #999999;}
.b-999999 {border: 1px solid #999999;}
.b-MainColor {border: 1px solid #999999;}

/* CURSORS*/
.cup {cursor:pointer;}

/* CLEAR */
.clb {clear:both;}
.cln {clear:none;}

/* DISPLAY */
.dpn {display:none;}
.dpb {display:block;}
.dtc {display:table-cell;}

/* FLOAT */
.fll {float:left;}
.flr {float:right;}

/* POSITIONS */
.posRel {position:relative;}
.posAbs {position:absolute;}

/* WHITE-SPACE */
.wsnw {white-space:nowrap;}

/* SIZES */
.h100 {height:100%;}
.w100 {width:100%;}
.w300p {width:300px;}


.gray_alpha {
    background-color: #000000;
    opacity: 0.60;
}

.lgray_alpha {
    background-color: #000000;
    opacity: 0.30;
}

.red_alpha {
    background-color: #FF0000;
    opacity: 0.60;
}

.yellow_alpha {
    background-color: #FFFF00;
    opacity: 0.60;
}