/*
  RESET
  =====
  Reset declarations for a clean dom
*/
.checkedButtons {
  width: 100%;
}

.dialogClass {
  margin: 0px 25px;
}

.defaultCell {
  background:#F6F6F6;
}

.critRow {
  background:#DF4141;
}

.warnRow {
  background:#E79406;
}

.evenRow
{
  background: #D8D8D8;
}

div.quickform {
  clear: both;
}

div.row, .dialoHelp, .dialogText {
  clear: left;
  float: left;
}

.dialogText {
   margin: 25px 0px 0px;
}

p.label {
  margin: 0px;
  border: 0px;
  padding: 0px;
  height: 0px;
}

.td-layout {
  margin: 3px 8px !important;
}

.td-form {
  /*clear: left;*/
  /*float: left;*/
}

.logout {
  clear: right;
  float: right;
}

.notwraped {
  white-space: nowrap;
}

.required {
  background-color: rgb(255, 230, 230);
}

.optional {
  background-color: #d4e2f6;
}

.chosen {
  background-color: rgb(230, 255, 230);
}

table {
  border-collapse: collapse;
  margin-left: 9px
}

table td, table th {
  padding: 2px 5px;
  border-width: 1px;
  border-style: inset;
  border-color: black;
  -moz-border-radius: ;
}

table.buttons, table.arrange {
  clear: both;
  border-style: none;
  padding: 0px;
  margin: 0px;
}

table.arrange td, table.arrange th {
  border-style: none;
  padding: 0px;
}

table.buttons td, table.buttons th {
  border-style: none;
  padding: 2px 5px;
  margin: 2px;
}

table.form {
  margin-left: 0px;
  border-style: none;
}

table.form th, table.form td, label {
  border-style: none;
  width: 200px;
  margin: 1px;
  margin-top: 5px;
  padding: 1px 5px;
}

button[type="submit"], input[type="submit"], input[type="button"] {
  margin: 2px;
  padding: 1px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Helvetica, Verdana, sans-serif;
  letter-spacing:1px;
  font-size: 12pt;
  color: #333A4C;
}

iframe {
  border: none;
  box-shadow: 0px 0px 0px;
}

select, input[type=text], input[type=password] {
  padding: 3px;
  margin: 3px;
  border-width: 1px;
  font-family: Helvetica, Verdana, sans-serif;
  letter-spacing:1px;
  font-size: 12pt;
  color: #333A4C;
  border: solid black 1px;
  /*-webkit-animation: myfirst 5s infinite;*/
  /*animation: myfirst 5s infinite;*/
}

@-webkit-keyframes myfirst {
  from {border-color: #58FA58;}
  to {border-color: black;}
}

@keyframes myfirst {
  from {border-color: #58FA58;}
  to {border-color: black;}
}

select {
    width: 508px;
}

input#file {
  margin: 3px 0px;
  padding: 3px 0px;
}

div#image{
  border: solid black 1px;
  margin: 3px 0px;
  padding: 3px 0px;
}

img, div#image, div.image {
  padding: 1px;
  padding-left: 5px;
  margin: 2px;
  Left: 5px;
}

input[type=text], input[type=password] {
    width: 500px;
}

input[type="file"] {
  color: transparent;
  margin: 2px;
  padding: 1px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Helvetica, Verdana, sans-serif;
  letter-spacing:1px;
  font-size: 12pt;
  width: 500px;
}

span {
  font-family: Helvetica, Verdana, sans-serif;
  letter-spacing:1px;
  font-size: 12pt;
}

.ui-dialog {
    border: solid black 2px;
    color: #333A4C;
    background-color: #F6F6F6;
    /*margin: 5px;
    padding: 25px;*/
}

.ui-dialog-titlebar-close {
  display: unset;
  float: right;
  background-color: transparent;
  border-color: transparent;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
  margin: 25px;
}

.ui-dialog-content {
    margin: 0px 25px;
}

/*.ui-dialog .ui-dialog-buttonpane {
  text-align: center;
}*/

fieldset,img {
    border:0;
}

caption,th {
    text-align:left;
}

h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
    padding: 1px;
    padding-left: 5px;
    margin: 2px;
}

q:before,q:after {
    content:'';
}
abbr,acronym {
    border:0;
}


textarea {
  width: 250px;
  height: 60px;
}

form p {
  clear: both;
}

/*label {
  text-align: right;
  width: 100px;
  padding-right: 20px;
  text-align: right;
  padding: 1px;
  padding-left: 5px;
  margin: 2px;
}*/

input {
  margin-top: 5px;
}

input.text, input.password, textarea {
        width: 220px;
        font-size: 14px;
        font-weight: bold;
        padding: 3px;
        margin-bottom: 3px;
}

.clear {
  clear:both!important;
}

/* body */

html, body {
        height: 100%;
}

body{
  font-family: Helvetica, Verdana, sans-serif;
  letter-spacing:1px;
  font-size: 12pt;
  color: #333A4C;
  background-color:#F6F6F6;
  background-repeat:no-repeat;
  background-position:0 0;
  /*background:url(bg.jpg) repeat;*/
}

a{
  color: #454545;
  border:none;
}

h1 {
  margin-top: 5px;
  margin-bottom:10px;
  /*font-size:15pt;*/
  font-size:1.5em;
  font-weight:normal;
  color:#D20001;
  color:#c5201c;
  text-shadow: 0 0 2px #8F8F8F;
}

h1 a {
        color:#c5201c !important;
}

h2 {
  margin-bottom:10px;
  font-size:1.2em;
  font-weight:normal;
  color:#6699cc;
}

h2 a {
  margin-bottom:10px;
  font-size:1.2em;
  font-weight:normal;
  color:#6699cc;
}

h3 {
  font-size:1.1em;
  color:purple;
}

h3 a{
  font-size:1.1em;
  color:purple;
}

#site{
        width:940px;
        margin:35px auto;
}
#site_header{
        margin-right:20px;
        float:right;
        color:#eee;
        font-size:8pt;
}
#site_footer{
        margin-left:480px;
        color:#0e0e0e;
        font-size:8pt;
        list-style:none;
}
#site_footer li{
        float:left;
        margin-right:20px;
        font-weight:bold;
}
#site_footer li a{
        color:#000;
}
#site_footer li a:hover{
        text-decoration:underline;
}

/* header */
#header{
  padding:15px 0;
}
#languages {
  float: right;
  float: top;
  padding-right: 30px;
  font-size:8pt;
        text-align:right;
}
#languages a{
        text-decoration:none;
}
#languages a.selected{
        font-weight:bold;
}
#logo {
  float:left;
  float: top;
  padding-left:30px;
  padding-top:15px;
}
#logo a{
  font-size: 57px;
  font-family: Georgia,Palatino;
}


/* menu */
#badge{
        display:block;
        width:120px;
        height:126px;
        background:url(sfm_badge.jpg) 50% 50% no-repeat;
        margin: 32px 0 0 20px;
        padding:10px;
}
#badge:hover{
        box-shadow:0 0 5px #454545;
        border-radius:2px;
        -webkit-box-shadow:0 0 5px #454545;
        -moz-box-shadow:0 0 5px #454545;
        -moz-border-radius:2px;
        border-radius:5px;
}
#menu {
  width:190px;
  float: left;
  margin-top:10px;
  margin-left:40px;
}
#menu li, #menu ul{
  list-style:none;
  text-align:right;
  padding-right:25px;
}
#menu li.top{
  margin-top:15px;
}

#menu li.small{
  margin-top: 5px;
        font-size:9pt;
        text-align:center;
        padding-left:25px;
}
#menu li a{
  text-decoration:none;
}
#menu li a:hover{
  text-decoration:underline;
}

/* main content */
#content{
        width:901px;
  min-height:200px;
  background:#fff;
  /*padding:20px 0;*/
  margin: 10px;
  background: none repeat scroll 0% 0% #fff;
        
        opacity:0.8;
        
        -moz-box-shadow: 0pt 0pt 5px #8F8F8F, 0pt 10px 20px #eee inset;
  -webkit-box-shadow: 0pt 0pt 5px #8F8F8F, 0pt 10px 20px #eee inset;
  box-shadow: 0pt 0pt 5px #8F8F8F, 0pt 10px 20px #eee inset;
        
        -moz-box-shadow: 0pt 0pt 20px #0e0e0e, 0pt 10px 20px #eee inset;
        -webkit-box-shadow: 0pt 0pt 20px #0e0e0e, 0pt 10px 20px #eee inset;
  box-shadow: 0pt 0pt 20px #0e0e0e, 0pt 10px 20px #eee inset;
        
        border:#800300 solid 10px;
        border:#7D7D7D solid 10px;
        border:#e0e0e0 solid 10px;
}
#page_content p{
        margin-bottom:20px;
}
#page_content p a{
        text-decoration:underline;
}
#page_content img{
        margin:20px;
}
#page_content img.center{
        /*text-align:center;*/
        margin-left:150px;
}
#page_content{
  line-height:24px;
  margin-right:30px;
  padding:15px 0;
  float:left;
  width:630px;
  z-index:3;
  font-size: 10pt;
  overflow: hidden;
}
#login div{
  clear:left;
}
#login div input, #login div label{
        float:left;
}
#login div label{
        text-align:left;
        width:80px;     
}
#login p{
        margin:0;
}

#contact_form label{
        display:block;
        float:left;
        width:80px;
        text-align:left;
}

#contact_form{
margin-bottom:30px;
}

#contact_form{
        margin-bottom:30px;
}

#links{
width:100%;
}
#links h1{
margin-bottom:10px;
}

.fancybox {
        width:500px;
}

.fancybox ul{
        margin:0 0 20px 20px;
        list-style-type: disc;
}
.fancybox ul li{
        padding:2px;
}
.fancybox ul li a{
        font-size:10pt;
}

textarea {
        overflow: auto;
        width:280px;
        height:200px;
}

/* footer */
#footer{
        margin:20px 0 0 230px;
        font-size: 8pt;
}
#footer address {
        display:block;
        font-style: normal;
        margin-bottom:5px;
}

#site_footer{
margin-left: 479px;
}

#site_footer a{
letter-spacing:0;
}