body{
color:#00457d;
background-color:#fff;
background-image:url(../../img/design/bg_all.gif);
background-repeat:repeat-x;
}

#all{}
#main{}
#head{background:url(../img/design/bg_head.gif) no-repeat 0 bottom;}
#navi{background:url(../img/design/bg_body.gif) repeat-y 0 0;}
#body{background:url(../img/design/bg_body_gray.gif) repeat-y 0 0;}
#body .cell-body-in{/*background:url(../img/design/bg-dots-content.gif) repeat-y right 0;*/}
#foot{background:url(../img/design/bg_foot.gif) no-repeat 0 0;}
#menu{}

/* html scheme */
h1{color:#00adef;}
h2{color:#00adef;}
h3, h4, h5, h6 {color:#00adef;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~  HEAD FOOT CONTENT BOXAREA specials ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* special html design in content */
#content h3{}
#content .lighter{}


/* special html design in boxarea */
#boxarea {}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~  OBJECTS and common classes  ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.txt_blue{color:#05a4df;}
.txt_red{color: #CC0000;}


/* BACKGROUNDS -> this is usefull */

.bg_0{background-color:#fff;}
.bg_1{background-color:#f6f6f6;}
.bg_2{background-color:#dede42;}
.bg_3{background-color:#cdcdcd;}
.bg_4{background-color:#e5e5e5;}
.bg_5{background-color:#f3f3f3;}
.bg_6{background-color:#efefef;}
.bg_7{background-color:#e57516;}

/* END OF BACKGROUNDS */



/* status msgs */
.status_msg1{color:#90232b;} /* BAD */
.status_msg2{color:#000;} /* OK */


/* form validation */
.f_state1{background-color:#cd6068;} /* required */
.f_state2{background-color:#efeeb4;} /* not uniq */
.f_state3{background-color:#efefef;} /* min-length */
.f_state4{background-color:#fad675;} /* same values */
.f_state5{background-color:#fad675;} /* bad format */



/* common A states + dark + light */
a:link {color:#00adef; text-decoration:none;}
a:visited {color:#00adef; text-decoration:none;}
a:hover {color:#00adef; text-decoration:underline;}
a:visited:hover {color:#00adef; text-decoration:underline;}
a:active {color:#00adef; text-decoration:underline;}
a:focus {color:#00adef; text-decoration:underline;}
a:focus:hover {color:#00adef; text-decoration:underline;}

span.graytxt{color:#999;}

/* IMG HEADERS */

/* BOXY */


/* END OF BOXY */


/* DEVELOP CSS */
.br_{border:1px solid red;}
.bb_{border:1px solid blue;}
.bg_{border:1px solid green;}
.by_{border:1px solid yellow;}
.bp_{border:1px solid purple;}
.bv_{border:1px solid violet;}