body {
margin: 0;
padding: 0;
font: 12px "lucida grande", verdana, sans-serif;
line-height: 21px;
text-align: center ;
background: #f0f0ff url(background2.gif) top center repeat-y;
}
a {
text-decoration: none;
}
#ripley {
width: 680px;
// width: 679px;
background: #fff;
margin: auto;
text-align: center;
}
#banner {
background-image: url(banner03.jpg);
margin: 0;
padding: 0;
height: 154px;
color: #fff;
background-repeat: no-repeat;
background-position: center;
background-color: #FF8E12;
text-align: right;
}
#nav {
list-style: none inside;
margin: 0px;
padding: 0px;
height: 22px;
background: #999 ;
color: #fff;
border-top: solid 1px #f3f4f5;
text-align: center;
//border-left: solid 1px white;
}
#nav li {
margin: 0;
padding: 0;
float: right;
height: 22px;
width: 75px;
background: #999;
color: #fff;
font-size: 11px;
line-height: 20px;
text-align: center;
border-left: dotted 1px #fff;
}
#nav li.wide {
width: 115px;
}
#nav li.current {
background: #f3f4f5;
color: #000;
font-weight: bold;
}
#nav li.widecurrent {
width: 115px;
background: #f3f4f5;
background: white;
color: #000;
font-weight: bold;
border-top: solid 1px #999;
text-align: center;
}
#nav li.over {
background: #666;
}
#nav li.wideover {
width: 115px;
background: #666;
}
#nav li a, a:visited {
color: #fff;
}
#nav li a:hover {
color: #fff;
}
#nav li.current:hover {
background: #f3f4f5;
}
#content {
color: #666;
text-align: left;
margin: 0px;
padding: 20px 50px 10px 195px;

  float: none
}
#content ul {
padding-left:15px;
margin: 0px;
}
#content ul li{
margin-bottom:12px;
}
p {
padding: 0 0 10px 0;
margin: 0;
}
h1 {
padding: 0;
font-size: 20px;
line-height: 22px;
font-weight: bold;
color: #3167c7;
}
h2 {
padding: 0px;
font-size: 17px;
font-weight: bold;
color: #3167c7;
}

h3{
color: #3167c7;
}


#content a, a:visited {
text-decoration: none;
color: #537db9;
border: 0;
}
#content a:hover {
color: #333;
}
#content a.underline, a.underline:visited {
border-bottom: dotted 1px #537db9;
}
#footer .underline{
border-bottom: dotted 1px #537db9;
color: #537db9;
font-size: 12px ;
}

p.small {
font-size: 9px
line-height: 12px;
color: #537db9;
}
#content a.small:hover {
color: #000;
}
#footer {
float:none;
margin: 0px;
padding: 0px 130px 16px 196px;
text-align: left;
}
#footer p {
padding: 0 0 17px 0px;
color: #666;
font-size: 9px;
line-height: 12px;
}
#footer a, a:visited {
text-decoration: none;
color: #537db9;
border: 0;
}
#footer a:hover {
color: #666;
}
#footer a.designer {
color: #f60;
}
/*
** Form hacks
*/

input{
margin: 0;
padding: 0 0 0 1px;
}
.form-item {
  margin-top: 1em;
  margin-bottom: 1em;
}
#edit-title,#edit-path,#edit-menu-title
,#edit-menu-description,#edit-name,#edit-date,#edit-mail{
width:300px;
}
tr.odd .form-item, tr.even .form-item {
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}
.form-item input.error, .form-item textarea.error {
  border: 2px solid red;
}
.form-item .description {
  font-size: 0.85em;
}
.form-item label {

 display: block;
  font-weight: bold;
}
.form-item label.option {
padding:0px;
  display: inline;
  font-weight: normal;
}


input.form-text{
margin: 0;
padding: 0 0 0 1px;
}
input password{
margin: 0;
padding: 0 0 0 1px;
}
#edit-title,#edit-path,#edit-menu-title
,#edit-menu-description,#edit-name,#edit-date,#edit-mail,#edit-pass{
width:300px;
}
textarea {
margin: 0;
padding: 4px;
font: 12px "lucida grande", verdana, sans-serif;
}
fieldset{
border: solid #7F9DB9 1px;

}
.form-submit{
width:auto;
}
.marker, .form-required {
  color: #f00;
}
input.form-radio{
border: solid 1px blue;
}
 fieldset{
 width:100%;
margin:0px;
margin-bottom:15px;

}
form{
  margin-bottom:15px;
  width:400px;
}
#attachments{
float:left;
}
.orange {
color: #f00;
}


/* Posts formating */
.info{
  font-size: .8em;
  text-align:right;
}

/*
** Gilda menu
*/
#sidebar-left{
position: relative; top: 35px; left: 0px;
width:145px;
float:left;
padding:0px;
}
#sidebar-left h2{
display: none;
}
#localmenu {
width: 145px;
list-style: none outside;
margin: 0px;
padding: 0px;
margin-bottom: 25px;
}
#localmenu li {
line-height: 22px;
padding: 0px;
margin: 0px;
color: #666;
font-size: 11px;
height: 22px;
text-align: left;
}
#localmenu li a:link, #localmenu li a:visited {
display: block;
color: #444;
border-bottom: dotted 1px #ccc;
text-align: left;
padding: 0 0 0 15px;
font-size: 11px;
}
#localmenu li a:hover, li a.current:hover {
color: #333;
background: #ffefc6;
}
#localmenu li a.current {
background: #fc0;
color: #000;
text-align: left;
font-weight: bold;
padding: 0 0 0 15px;
}
#localmenu_indent {
line-height: 0;
float: left;
width: 100px;
list-style: none outside;
margin: 0;
text-align: left;
padding: 0;
}
#localmenu_indent li {
display: inline;
line-height: 18px;
padding: 0;
text-align: left;
margin: 0;
}
#localmenu li.indent a:link, #localmenu li.indent a:visited {
display: block;
color: #888;
background: #transparent;
text-align: left;
border-bottom: dotted 1px #ccc;
padding: 0 0 0 25px;
font-size: 11px;
}
#localmenu li.indent a:hover {
color: #333;
}
#localmenu li.indent a.current {
color: #000;
}

/*
** Tab navigation
*/
#content ul.primary {
  border-collapse: collapse;
  padding: 0 0 0 1em;
  white-space: nowrap;
  list-style: none;
  margin: 5px;
  height: auto;
  line-height: normal;
  border-bottom: 1px solid #bbb;
}
ul.primary li {
  display: inline;
}
#content ul.primary li a {
  background-color: #ddd;
  border:1px solid #bbb;
  height: auto;
  margin-right: 0.5em;
  padding: 0 1em;
  text-decoration: none;
}
#content ul.primary li.active a {
  background-color: #fff;
  border: 1px solid #bbb;
  border-bottom: #fff 1px solid;
}
#content ul.primary li a:hover {
  background-color: #eee;
}
/*
** Menu styles
*/
ul.menu {
  list-style: none;
  border: none;
  text-align:left;
  margin-left:-20px;
  //margin-left:10px;
}
ul.menu li {
  margin: 0 0 0 10px;
}
li.expanded {
  list-style-type: circle;
  list-style-image: url(menu-expanded.png);
  padding: 10px 10px 0 0;
  margin: 0;
}
li.collapsed {
  list-style-type: disc;
  list-style-image: url(menu-collapsed.png);
  padding: 10px 10px 0 0;
  margin: 0;
}
li.leaf {
  list-style-type: square;
  list-style-image: url(menu-leaf.png);
  padding: 10px 10px 0 0;
  margin: 0;
}
li a.active {
  color: #000;
}
td.menu-disabled {
  background: #ccc;
}

.menu{
clear:left;
}



th.active img {
  display: inline;
}
tr.even, tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
}
tr.even, tr.odd {
  padding: 0.1em 0.6em;
}
#client_tables tr.even{
background-color: #fff;
}

td.active {
  background-color: #ddd;
}

/*
** Help module
*/
.help-items {
  float: left;
  width: 22%;
  padding-right: 3%;
}
.help-items-last {
  padding-right: 0;
}
/*
** Autocomplete styles
*/
/* Suggestion list */
#autocomplete {
  position: absolute;
  border: 1px solid;
  overflow: hidden;
}
#autocomplete ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#autocomplete li {
  background: #fff;
  color: #000;
  white-space: pre;
  cursor: default;
}
#autocomplete li.selected {
  background: #0072b9;
  color: #fff;
}
/* Animated throbber */
html.js input.form-autocomplete {
  background: url(throbber.gif) no-repeat 100% 2px;
}
html.js input.throbbing {
  background-position: 100% -18px;
}
/*
** Progressbar styles
*/
.progress {
  font-weight: bold;
}
.progress .bar {
  background: #fff url(progress.gif);
  border: 1px solid #00375a;
  height: 1.5em;
  margin-top: 0.2em;
}
.progress .filled {
  background: #0072b9;
  height: 1em;
  border-bottom: 0.5em solid #004a73;
  width: 0%;
}
.progress .percentage {
  float: right;
}
/*
** Collapsing fieldsets
*/
html.js fieldset.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  margin-bottom: 0;
}
html.js fieldset.collapsed * {
  display: none;
}
html.js fieldset.collapsed table *,
html.js fieldset.collapsed legend,
html.js fieldset.collapsed legend * {
  display: inline;
}
html.js fieldset.collapsible legend a {
  padding-left: 15px;
  background: url(menu-expanded.png) 5px 50% no-repeat;
}
html.js fieldset.collapsed legend a {
  background-image: url(menu-collapsed.png);
}
/* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
* html.js fieldset.collapsible legend a {
  display: block;
  }
/*
** Resizable text areas
*/
.resizable-textarea {
  width: 96%;
}
.resizable-textarea .grippie {
  height: 14px;
  background: #eee url(grippie.png) no-repeat 100% 100%;
  border: 1px solid #ddd;
  border-top-width: 0px;
  cursor: s-resize;
}
#permissions td.module, #blocks td.region {
  font-weight: bold;
}
#permissions td.permission, #blocks td.block, #taxonomy td.term, #taxonomy td.message {
  padding-left: 1.5em;
}
strong{
font-family: "lucida grande", verdana, sans-serif;
font-weight: bold;
}
em {
  font-family: "lucida grande", verdana, sans-serif;
  font-style: italic;
}
.container-inline div {
  display: inline;
}

.feed-icon img{
  border: none;
}

#message {
color: #3167c7;
font-weight: bold;
}
#pager {
  clear: both;
  text-align: center;
}
#pager a, #pager strong.pager-current {
  padding: 0.5em;
}
table{
background-color: #FFFFFF;
}
#contact_mail_page textarea{
width:295px;
}
#contact_mail_page input{
width: 300px;
}
#contact_mail_page input.form-checkbox{
width: 15px;
}
#contact_mail_page input.form-submit{
width: 140px;
}
#contact_mail_page{
width:380px;
}
#edit-title{
width:412px;
}
img{
border: none;
}
table.calculator {
width:350px;
color: #5a5a5a;
font: 10px "lucida grande", verdana, sans-serif;
border: solid #c0c0c0 1px;
}
.block {
margin-top:-5px;
}
#login{;
  position: relative ; top: 0px; right: 0px;
}
#client_tables{
margin-top:10px;
//float:right;\
border: solid #c0c0c0 1px;
}
#client_tables th{
color: #3167c7;
}
.menu_58 li{
background-color:#EFEEF3 ;
}
/*
** Progressbar styles
*/
.progress {
  font-weight: bold;
}
.progress .bar {
  background: #fff url(progress.gif);
  border: 1px solid #00375a;
  height: 1.5em;
  margin-top: 0.2em;
}
.progress .filled {
  background: #0072b9;
  height: 1em;
  border-bottom: 0.5em solid #004a73;
  width: 0%;
}
.progress .percentage {
  float: right;
}