/*---------------------------*/
/*HTML*/
/*---------------------------*/
html {
height: 100%;
}
/*---------------------------*/
/*BODY*/
/*---------------------------*/
body {
height: 100%;
font-family: Verdana;
background-color: #1F1F1F;
background-image: url('/resource/static/image/layout/background.jpg');
background-repeat: repeat-x;
}
/*---------------------------*/
/*TEXT*/
/*---------------------------*/
a{
color: #49BC21;
}
p{
color: #000000;
margin-bottom: 10px;
}
p.light {
}
p.small {
font-size: 11px;
}
span{
color: #000000;
}
span.light {
}
span.small {
font-size: 11px;
}
h1{
color: #49BC21;
}
h2{
color: #49BC21;
}
h3{
color: #49BC21;
}
ul{
color: #49BC21;
}
ol{
color: #49BC21;
}
/*---------------------------*/
/*LAYOUT CONTAINER*/
/*---------------------------*/
.layoutcontainer{
width: 820px;
height: 100%;
margin: 20px auto;
}
/*---------------------------*/
/*LAYOUT GRID*/
/*---------------------------*/
.layoutgrid {
width: 100%;
}
/*---------------------------*/
/*HEADER*/
/*---------------------------*/
.header {
width: 100%;
height: 105px;
background-color: #FFFFFF;
background-image: url('/resource/static/image/layout/header_background.jpg');
background-repeat: repeat-x;
}
/*---------------------------*/
/*MAIN NAVIGATION MENU*/
/*---------------------------*/
.menu {
width: 100%;
height: 38px;
background-color: #222222;
background-image: url('/resource/static/image/menu/background.jpg');
background-repeat: repeat-x;
}
.menunav{
height: 100%;
table-layout: auto;
}
.menunavcell{
width: 100px;
text-align: center;
vertical-align: middle;
}
.menunavcell a{
color: #CCCCCC;
text-decoration: none;
}
.menunavcell.highlight{
background-image: url('/resource/static/image/menu/background_highlight.jpg');
background-repeat: no-repeat;
}
.menunavcell.highlight a{
color: #000000;
text-decoration: none;
}
/*---------------------------*/
/*CANVAS*/
/*---------------------------*/
.canvas {
width: 100%;
background-color: #FFFFFF;
}
.canvasgrid{
width: 100%;
table-layout: fixed;
}
.canvasgridcell{
}
.canvasgridcell.leftcolumn {
width: 190px;
vertical-align: top;
padding: 0px;
}
.canvasgridcell.middlecolumn {
width: 570px;
vertical-align: top;
padding: 0px 0px 0px 10px;
}
.canvasgridcell.rightcolumn {
width: 0px;
vertical-align: top;
padding: 0px;
}
/*---------------------------*/
/*DISPLAY BOX*/
/*---------------------------*/
.displaybox {
width: 100%;
margin-bottom: 10px;
}
.displayboxcell.topleft{
width: 4px;
height: 29px;
}
.displayboxcell.top{
height: 29px;
}
.displayboxcell.top h2{
font-size: 12px;
margin-left: 6px;
}
.displayboxcell.top.icon{
width: 25px;
}
.displayboxcell.top.controls{
text-align: right;
}
.displayboxcell.topright{
width: 4px;
height: 29px;
}
.displayboxcell.middleleft{
width: 3px;
border-left: 1px solid #000000;
}
.displayboxcell.middle{
}
.displayboxcell.middleright{
width: 3px;
border-right: 1px solid #000000;
}
.displayboxcell.bottomleft{
width: 4px;
height: 4px;
}
.displayboxcell.bottom{
height: 4px;
}
.displayboxcell.bottomright{
width: 4px;
height: 4px;
}
/*---------------------------*/
/*FORMS*/
/*---------------------------*/
.form{
}
.form.section{
}
.form.section.title{
font-weight: bold;
}
.form.section.valid{
background-color: #CFF0CE;
}
.form.section.invalid{
background-color: #FFACAA;
}
.form.field{
vertical-align: top;
}
.form.field.title{
}
.form.field.input{
}
.form.field.feedback{
}
.form.field.feedback ul{
}