/* 



CREEM DEV CSSII 3.0 beta //////////////////////////////////////////////////
design sheet

*/



/* BASIC */

body {
margin: 15px 30px;
padding: 0px; /* opera */
z-index: 0;
background: #FFF;
}
body , table td, table th, ul li, ol li, input, textarea, select {
font : 11px/140% Verdana, Helvetica, sans-serif;  /* 140% lineheight */
color: #000;
}
h1, h2 {		/* logotyp *//* title graphic */
margin: 0px;
padding: 0px;
display: inline;
}
h3 {		 	/* title text */
font-size : 12px;
font-weight: bold;
display: inline;
color: #02437E;
}
h4 {		 	/* news text */
font-size : 11px;
font-weight: bold;
display: inline;
}

img {
border: 0px;
}

a:link, a:visited {
color: #FF4824;
text-decoration:underline;
}
a:hover, a:active {
color: #FF4824;
text-decoration:underline;
}



/* COMMON */

.height10 {
height: 10px;
}
.height30 {
height: 30px;
}
.px10, .px10 th, .px10 td {
font-size: 10px;
line-height: 130%;
}
.px11, .px11 th, .px11 td {
font-size: 11px;
}
.px12, .px12 th, .px12 td {
font-size: 12px;
}

.padding2 {
padding: 2px;
}
.padding4 {
padding: 4px;
}
.padding10 {
padding: 10px;
}

div.paddingin {
padding: 25px;
}

.red {
color: red;
}


/* LISTS */

ul {
margin-left: 15px;
padding-left: 0px;
}
ul li {
list-style : square; /* circle disc */
}

ol {
margin-left: 25px;
padding-left: 0px;
}
ol li {
list-style : decimal; /* lower-alpha none */
margin-left: 0px;
padding-left: 0px;
}

/* MENU */

ul.menu {
margin: 0px;
padding: 0px;
}
ul.menu li {
margin: 0px;
padding: 0px;
list-style: none;
width: 158px;
line-height: 18px;
margin-bottom: 2px;
color: #024A8B;
background: #E8EEF6;
border: 1px solid #79B0E2;
}
ul.menu li span {
padding-left: 6px;
padding-top: 2px;
}
ul.menu li.on {
background: #053764;
color: #FFF;
cursor: pointer;
}
ul.menu li.insert {
background: #CE1141;
color: #FFF;
border: 1px solid #880C2B;
cursor: pointer;
}
ul.menu li.nomenu {
background: #FFF;
border: 1px solid #FFF;
}

/* SUBMENU */

ul.submenu {
margin: 0px;
padding: 0px;
}
ul.submenu li {
width: 140px;
margin: 0px;
margin-left: 15px;
padding: 0px;
list-style: none;
line-height: 18px;
margin-bottom: 2px;
color: #053764;
background: #FFF;
border: 0px;
cursor: default;
}
ul.submenu li.on {
margin: 0px;
margin-left: 15px;
padding: 0px;
list-style: square url(../images/li-submenu.gif);
line-height: 18px;
margin-bottom: 2px;
color: #053764;
background: #FFF;
border: 0px;
cursor: default;
}


/* FORMS */

input, textarea, select {
font-size: 11px;
padding-left: 2px;
}

input, textarea, select {
vertical-align: middle;
}
input.input {
border: 1px solid #79B0E2;
height: 20px;
}
textarea.input {
border: 1px solid #79B0E2;
height: 80px;
}
textarea.input2 {
border: 1px solid #79B0E2;
height: 50px;
}
select.input option {
background: #E8EEF6;
line-height: 200px;
}
input.submit {
background: #CE1141;
border: 1px solid #880C2B;
color: #FFF;
}
input.reset {
background: #9A9A9A;
border: 1px solid #808080;
color: #FFF;
}

select.col {
background: #06506f;
color: #78a5b5;
}

input.s, textarea.s, select.s {
width: 104px;
}
input.m, textarea.m, select.m {
width: 115px;
}
input.l, textarea.l, select.l {
width: 153px;
}
input.xl, textarea.xl, select.xl {
width: 200px;
}
input.xxl, textarea.xxl, select.xxl {
width: 250px;
}
input.xxxl, textarea.xxxl, select.xxxl {
width: 300px;
}

.banner {
border: 1px solid #bC1C1C1;
}

/* TABLES */

table.hidden {
width: 100%;
border: 0px;
margin: 0px;
padding: 0px;
border-collapse : collapse;
}
table.hidden th {
border: 0px;
margin: 0px;
padding: 0px;
text-align: left;
}
table.hidden td {
border: 0px;
margin: 0px;
padding: 0px;
vertical-align: top;
}

th.thver1 {
background: #a9002a;
height: 29px;
}
th.thver2 {
background: #125e7e;
height: 29px;
}

table.form {
width: 100%;
margin: 0px;
padding: 0px;
border-collapse : collapse;
border: 1px solid #79B0E2;
}
table.form th {
margin: 0px;
padding: 10px;
color: #000;
text-align: left;
background: #E8EEF6 url(img/headback.gif) repeat-x;
border: 1px solid #79B0E2;
}
table.form td {
margin: 0px;
padding: 10px;
padding-left: 50px;
background: #fff;
border: 1px solid #79B0E2;
}

table.colored {
width: 100%;
margin: 0px;
padding: 0px;
border-collapse : collapse;
}
table.colored td {
margin: 0px;
padding: 4px;
border: 1px solid #79B0E2;
}
table.colored th {
margin: 0px;
padding: 4px;
text-align: left;
font-weight: bold;
border: 1px solid #79B0E2;
border-right: 1px solid #fff;
background: #79B0E2;
color: #FFF;
}
table.colored th.last {
border-right: 1px solid #79B0E2;
}
div#boxp table.colored {
width: 100%;
margin: 0px;
padding: 0px;
border-collapse : collapse;
border: 0px;
border-right: 1px solid #FFF;
}
div#boxp table.colored td {
margin: 0px;
padding: 4px;
border-top: 1px solid #79B0E2;
border-right: 1px solid #79B0E2;
}

div#boxn table.colored {
width: 100%;
margin: 0px;
padding: 0px;
border-collapse : collapse;
border: 0px;
border-right: 1px solid #FFF;
}
div#boxn table.colored td {
margin: 0px;
padding: 4px;
border-top: 1px solid #818181;
border-right: 1px solid #818181;
}


/* CONTAINERS */

div.left, img.left {
float:left;
}
div.right, img.right {
float:right;
}
div.clear {
clear:both;
}
div.space {
font-size: 0px;
}

.top {
vertical-align: top;
}
.middle {
vertical-align: middle;
}
.bottom {
vertical-align: bottom;
}




/* TESTS */

.testred, table.testred td, table.testred th {
border: 1px solid red;
}
.testblue, table.testblue td, table.testblue th {
border: 1px solid blue;
}