/* -----------------------------------------------------------
|
header
|
----------------------------------------------------------- */
|
|
#header
|
{
|
margin: 0 auto;
|
padding: 10px 0 0 0;
|
background: #b0b0b0 url("../../resources/images/header_background.png") repeat;
|
}
|
|
/* -----------------------------------------------------------
|
header -> outer
|
----------------------------------------------------------- */
|
|
#header #header-outer
|
{
|
margin: 0 auto;
|
padding: 0;
|
width: 960px;
|
}
|
|
/* -----------------------------------------------------------
|
header -> quick
|
----------------------------------------------------------- */
|
|
#header #header-inner #quick ul
|
{
|
left: 0;
|
}
|
|
#header #header-inner #quick li ul ul
|
{
|
left: 200px;
|
}
|
|
/* -----------------------------------------------------------
|
content
|
----------------------------------------------------------- */
|
|
#content
|
{
|
margin: 10px auto 10px auto;
|
width: 960px;
|
background: url("../../resources/images/content_fixed.png") repeat-y top left;
|
clear: both;
|
overflow: hidden;
|
}
|
|
/* -----------------------------------------------------------
|
content -> left
|
----------------------------------------------------------- */
|
|
#content #left
|
{
|
left: auto;
|
width: 210px;
|
position: relative;
|
float: left;
|
}
|
|
/* -----------------------------------------------------------
|
content -> left -> menu
|
----------------------------------------------------------- */
|
|
#content #left #menu
|
{
|
margin: 5px 10px 0 10px;
|
}
|
|
/* -----------------------------------------------------------
|
content -> left -> date picker
|
----------------------------------------------------------- */
|
|
#content #left #date-picker
|
{
|
margin: 5px 10px 0 10px;
|
}
|
|
/* -----------------------------------------------------------
|
content -> right
|
----------------------------------------------------------- */
|
|
#content #right
|
{
|
margin: -10px 0 0 10px;
|
width: 740px;
|
float: left;
|
clear: none;
|
}
|
|
/* -----------------------------------------------------------
|
content -> right -> forms -> labels
|
----------------------------------------------------------- */
|
|
#content div.box div.form div.fields div.field div.label
|
{
|
left: 0;
|
width: 200px;
|
position: relative;
|
float: left;
|
}
|
|
#content div.box-left div.form div.fields div.field div.label,
|
#content div.box-right div.form div.fields div.field div.label
|
{
|
float: none;
|
}
|
|
/* -----------------------------------------------------------
|
content -> right -> forms -> input
|
----------------------------------------------------------- */
|
|
#content div.box div.form div.fields div.field div.input
|
{
|
margin: 0;
|
float: left;
|
}
|
|
#content div.box div.form div.fields div.field div.input input.small
|
{
|
width: 180px;
|
}
|
|
#content div.box div.form div.fields div.field div.input input.medium
|
{
|
width: 300px;
|
}
|
|
#content div.box div.form div.fields div.field div.input input.large
|
{
|
width: 479px;
|
}
|
|
#content div.box-left div.form div.fields div.field div.input input,
|
#content div.box-right div.form div.fields div.field div.input input
|
{
|
width: 307px;
|
}
|
|
/* -----------------------------------------------------------
|
content -> right -> forms -> textarea
|
----------------------------------------------------------- */
|
|
#content div.box div.form div.fields div.field div.textarea
|
{
|
margin: 0;
|
float: left;
|
}
|
|
#content div.box div.form div.fields div.field div.textarea textarea,
|
#content div.box div.form div.fields div.field div.textarea textarea
|
{
|
width: 301px;
|
}
|
|
/* -----------------------------------------------------------
|
content -> right -> forms -> select
|
----------------------------------------------------------- */
|
|
#content div.box div.form div.fields div.field div.select
|
{
|
margin: 0;
|
float: left;
|
}
|
|
/* -----------------------------------------------------------
|
content -> right -> forms -> checkboxes
|
----------------------------------------------------------- */
|
|
#content div.box div.form div.fields div.field div.checkboxes
|
{
|
margin: 0;
|
float: left;
|
}
|
|
/* -----------------------------------------------------------
|
content -> right -> forms -> radios
|
----------------------------------------------------------- */
|
|
#content div.box div.form div.fields div.field div.radios
|
{
|
margin: 0;
|
float: left;
|
}
|
|
/* -----------------------------------------------------------
|
content -> right -> tables
|
----------------------------------------------------------- */
|
|
#content div.box table td.selected
|
{
|
width: 5%;
|
}
|
|
#content div.box table td.date
|
{
|
width: 30%;
|
}
|
|
/* -----------------------------------------------------------
|
footer
|
----------------------------------------------------------- */
|
|
#footer
|
{
|
margin: 0 auto;
|
width: 960px;
|
}
|
|
#footer p
|
{
|
margin: 0 10px 0 10px;
|
}
|
