/* GLOBAL STYLES */

img {
border: none;
}

form {
display: inline;
margin: 0;
padding: 0;
}

td {
text-align: left;
vertical-align: top;
padding: 0;
}

body {
margin: 4px;
padding: 0;
font-family: Verdana, Tahoma, Serif;
color: #000000;
background-color: #FFFFFF;
font-size: 11px;
}

input.text {
width: 400px;
font-size: 11px;
padding-left: 3px;
font-family: Verdana, Tahoma, Serif;
border: 2px inset;
}

select {
width: 408px;
font-size: 11px;
font-family: Verdana, Tahoma, Serif;
}

textarea {
width: 402px;
border: 2px inset #FFFFFF;
font-size: 11px;
font-family: Verdana, Tahoma, Serif;
}

p {
font-size: 11px;
font-family: Verdana, Tahoma, Serif;
}

textarea:focus, select:focus, input:focus {
background:#FFFFF4;
}

fieldset {
padding: 5px 5px 7px 5px;
border-top: 2px outset #FFFFFF;
border-left: 2px outset #FFFFFF;
border-bottom: 2px inset #FFFFFF;
border-right: 2px inset #FFFFFF;
margin-top: 8px;
}

legend {
font-size: 11px;
color: #CF2517;
padding: 5px 5px;
}

.center {
text-align: center;
}

.left {
text-align: left;
}

.right {
text-align: right;
}



/* LAYOUT STYLES */

#page {
margin: 0;
margin-bottom: 14px;
border-collapse: collapse;
}

#page td {
}


/* LOGO STYLES */

#logo {
width: 200px;
height: 50px;
padding-top: 20px;
text-align: center;
vertical-align: top;
background: #FFFFFF url("/images/logo_bg.gif") no-repeat top left;
font-size: 10px;
padding-right: 4px;
}

#logo p {
padding: 0 10px;
margin: 0;
}

#logo p a {
color: #CF2517;
}



#sidemenu {
width: 200px;
padding-right: 4px;
}

#content {
}


/* SIDEMENU STYLES */

#sidemenu div.start {
background: #FFFFFF url("/images/sidemenu_start.gif") no-repeat;
border-bottom: 1px solid #CCCCCC;
height: 17px;
font-size: 10px;
font-weight: bold;
padding-top: 4px;
padding-right: 4px;
text-align: center;
}

#sidemenu div.end {
background: #FFFFFF url("/images/sidemenu_end.gif") no-repeat;
height: 8px;
font-size: 10px;
text-align: center;
border-top: 1px solid #FFFFFF;
}

#sidemenu div.menuitem {
background: #F0F0F0;
height: 22px;
line-height: 22px;
font-size: 11px;
padding: 0;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
vertical-align: middle;
}

#sidemenu div.level1 {
padding-left: 0;
}

#sidemenu div.level2 {
padding-left: 10px;
}

#sidemenu div.level3 {
padding-left: 20px;
}

#sidemenu div.menuitem a {
color: #0000FF;
}

#sidemenu div.menuitem img {
padding: 4px 6px 0 5px;
}

#sidemenu div.active {
color: #FF0000;
background: #FFFFFF;
}


/* FORM STYLES */

a.action {
font-size: 10px;
font-weight: bold;
color: #CF2517;
font-variant: small-caps;
}

#main {
}

#main table {
width: 100%;
border-collapse: collapse;
padding: 0;
margin: 0;
}

#main td {
background: #EFEFEF;
padding: 0;
}

#main td.heading {
background: #EFEFEF url("/images/box_top_bg.gif") repeat-x;
height: 30px;
vertical-align: middle;
}

#main td.content_left {
width: 9px;
background: #EFEFEF url("/images/box_left_bg.gif") repeat-y;
}

#main td.content {
background-color: #EFEFEF;
}

#main td.content_right {
background: #EFEFEF url("/images/box_right_bg.gif") repeat-y;
width: 9px;
}

#main td.controls {
background-color: #EFEFEF;
height: 40px;
text-align: left;
vertical-align: bottom;
font-size: 11px;
}

#main td.footer {
background: #EFEFEF url("/images/box_bottom_bg.gif") repeat-x;
height: 30px;
text-align: right;
font-size: 11px;
}

#main h1 {
text-align: left;
font-size: 14px;
font-weight: bold;
color: #CF2517;
padding: 7px 0 0 10px;
margin: 0;
}

#main td.content td {
font-size: 10px;
background-color: #EFEFEF;
padding: 1px 5px;
vertical-align: middle;
height: 23px;
}

#main td.content th {
font-size: 10px;
background-color: #EFEFEF;
padding: 1px 5px;
vertical-align: middle;
font-weight: normal;
height: 20px;
width: 170px;
text-align: left;
}

#main td.content td.fixed {
width: 200px;
}

#main td.content td.spacer {
font-size: 1px;
line-height: 1px;
height: 10px;
}

#main table.controls td {
padding: 20px 0 10px 30px;
text-align: left;
}

input.button {
font-family: Verdana, Tahoma, Serif;
font-size: 11px;
color: #000000;
background-color: #FAFAFA;
height: 18px;
font-weight: normal;
line-height: 10px;
margin-top: 2px;
/*
font-family: Verdana, Tahoma, Serif;
font-size: 11px;
color: #FFFFFF;
font-weight: normal;
background-color: #AAAAAA;
height: 18px;
line-height: 10px;
margin-top: 2px;
border: 1px solid #CCCCCC;
*/
}


/* MAINMENU STYLES */

#mainmenu {
width: 80px;
border-collapse: collapse;
padding: 0;
margin: 0;
}

#mainmenu div.menuitem {
float: left;
padding: 7px 2px 3px 2px;
margin-right: 4px;
width: 71px;
height: 75px;
background: #FFFFFF url("/images/menuitem_bg.gif") top left no-repeat;
color: #CF2517;
font-weight: normal;
text-align: center;
font-size: 11px;
font-family: Tahoma;
font-variant: small-caps;
}

#mainmenu div.menuitem a {
text-transform: none;
color: #0000FF;
font-weight: normal;
}

#grid {
border-collapse: collapse;
}

#grid tr {
text-align: left;
vertical-align: middle;
font-size: 10px;
}

#grid th {
background-color: #EEEEEE;
font-size: 10px;
text-align: center;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
vertical-align: top;
padding: 0 3px;
}

#grid th a {
color: #666666;
}

#grid th a.active {
color: #CF2517;
}

#grid td {
border: 1px solid #DDDDDD;
padding: 1px 3px;
background-color: #FFFFFF;
}

#grid tr.odd td {
background-color: #FFFFFF;
}

#grid tr.even td {
background-color: #F3F3F3;
}

td.content_grid {
border-top: 1px solid #B7B2A9;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #B7B2A9;
background-color: #FFFFFF;
}


/* GENERAL STYLES FOR TABLES WITH ROUNDED EDGES */

table.table {
border-collapse: collapse;
margin-bottom: 4px;
}

table.table td.heading {
background: #EFEFEF url("/images/box_top_bg.gif") repeat-x;
height: 30px;
}

table.table td.content_left {
width: 9px;
background: #EFEFEF url("/images/box_left_bg.gif") repeat-y;
}

table.table td.content {
background-color: #EFEFEF;
}

table.table td.content_right {
background: #EFEFEF url("/images/box_right_bg.gif") repeat-y;
width: 9px;
}

table.table td.controls {
height: 40px;
text-align: right;
vertical-align: bottom;
font-size: 11px;
}

table.table td.footer {
background: #EFEFEF url("/images/box_bottom_bg.gif") repeat-x;
height: 30px;
text-align: right;
font-size: 11px;
}



/* LOGIN */

h1 {
display: inline;
text-align: left;
font-size: 14px;
font-weight: bold;
color: #CF2517;
padding: 0 10px 0 10px;
margin: 0;
}

#login {
margin: auto;
margin-top: 150px;
width: 300px;
}

#login td.label {
vertical-align: middle;
}

#login td.value {
}

#login td.controls {
}

span.required {
color: #FF0000;
}


/* LINE */

table.line {
border-collapse: collapse;
margin-bottom: 14px;
}

table.line td.content_left {
width: 9px;
}

table.line td.content {
background: #EFEFEF url("/images/line_bg.gif") repeat-x;
vertical-align: middle;
}

table.line td.content_right {
width: 9px;
}


/* CALENDAR */

#main #calendar th.weekday {
text-align: center;
font-weight: bold;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
}

#main #calendar th.weekend {
color: #CF2517;
}

#main #calendar td.weekday {
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
text-align: center;
height: 18px;
padding: 0;
margin: 0;
}

#main #calendar td.weekend {
background-color: #DDDDDD;
color: #CF2517;
}

#main #calendar td.empty {
background-color: transparent;
}

#main #calendar td.weekday a {
color: #000000;
}

#main #calendar td.weekend a {
color: #CF2517;
}

#main #infosheet td.container {
width: 50%;
vertical-align: top;
}

#main #infosheet td.container td {
padding: 0 2px;
margin: 0;
height: 15px;
}

#main #infosheet td.container th {
padding: 0 2px;
margin: 0;
height: 15px;
}


.pdftable td {
    padding: 0 5px;
    margin: 0;
    height: 15px;
}

.pdftable fieldset {
    padding: 5px 5px 7px 5px;
    #border-top: 1px outset #000000;
    #border-left: 1px outset #000000;
    #border-bottom: 1px inset #000000;
    #border-right: 1px inset #000000;
    #margin-top: 8px;
}

.pdftable legend {
    font-size: 13px;
    color: #CF2517;
    #padding-bottom: 25px;
    border: none;
}

//.icon-info{width:50px;height:50px; -webkit-border-radius:10x;-moz-border-radius:5px; border-radius:5px;}
.icon-info img{width:47px;height:47px; background:#fff !important; border:1px #EAEAEA solid; -webkit-border-radius:10x;-moz-border-radius:10px; border-radius:10px;}