/*#############################################################
Name: Indigo
Date: 2006-07-27
Description: A lightweight, simple and pleasant design.
Author: Viktor Persson
URL: http://arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}

abbr, acronym, dfn {cursor: help; border-bottom: dashed lime 1px; }

a {color: #F70;}
a:hover {color: #C60;}

body {
	background: #0094D6 url(img/bg.gif) repeat-x;
/* 	color: #466; */
	color: black;
	font:  normal 88% "Lucida Sans Unicode",sans-serif;
	margin: 0;
}
input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}

input[type=checkbox] {
	-moz-appearance: none;
	width: 18px;
	height: 18px;
}

input[type=radio] {
	margin: 5px;
}

p,cite,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
h1 {
	font-size: 2em;
	margin-bottom: 4px;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.25em;
}
h4 {
	font-size: 1em;
}
hr,ol {margin:10px;}

h1,h2,h3 {
	color: #06C;
	padding-top: 6px;
}
h4 { padding-bottom: 6px; }

.clearer {clear: both;}

.container {background: url(img/topleft.gif) no-repeat;}

.header {height: 92px;}

.title {
	float: left;
/* 	padding: 28px 0 0 50px; */
	padding-left: 60px;
	padding-top: 20px;
}
.title h1 {
	color: #FFF;
	font: normal 3em Verdana,sans-serif;
}

.main {
	background: #FFF url(img/bgmain.gif) no-repeat;
	clear: both;
	padding: 12px 12px 0 52px;
}

.sidenav {
	float: left;
	width: 15%;
	font-size: .9em;
}
.sidenav h1 {
	border-bottom: 1px dashed #DDD;
	color: #E73;
	font-size: 1.2em;
	height: 20px;
	margin-top: 1.2em;
}
.sidenav ul {
	margin: 0;
	padding: 0;
}
.sidenav li { 
	border-bottom: 1px dashed #EEE;
	list-style: none;
	margin: 0;
}
.sidenav li a {
	color: #777;
	display: block;
	font-size: 0.9em;
	padding: 3px 6px 3px 18px;
	text-decoration: none;
}
.sidenav li a:hover {
	color: #111;
	background: url(img/nav_li.gif) no-repeat;
}

.content {
	float: right;
	margin-right: 4%;
	width: 78%;
}
.content .descr {
	font-size: 1.75em;
	color: #C60;
	margin-bottom: 6px;
}
.content .blue {
	font-size: 1.25em;
	color: #06C;
	margin-bottom: 6px;
}
.content .blue a{
	color:#06C ;
}
.content .blue a:hover {
	color:#01C;
/* 	font-weight: 500; */
}

.content #admin {
	font-size: 1.68em;
	text-align:center;
	color: #C60;
	margin-bottom: 6px;
}
.content .info {
	font-size: 1.5em;
	color: #C60;
	margin-bottom: 6px;
}
.content .lines {
	width: 90%;
	font-size: 1.75em;
	color: #C60;
	margin-bottom: 6px;
	border-bottom: blue 1px solid; 
}

.content .customer_holder { padding-top: 15px;}

.content .customer {
	float:left;
	width:75%
}
.content li {
	list-style: url(img/li.gif);
	margin-left: 18px;
}

.submitlink {
   color: #F70;
   background-color: transparent;
   font-weight: bold;
   text-decoration: underline;
   border: none;
   cursor: pointer;
   cursor: hand;
}

.submitlink:hover {color: #C60;}

.underline {text-decoration: underline;}

.smallcap { font-variant: small-caps; }

.groupcols {
	float:left; 
	margin-right:20px;
}

.styled {
	border: 3px double #E5E5E5;
	padding: 2px 3px;
}

.button {
	border: 1px solid #AAA;
	margin-left: 5px;
	padding: 2px 10px;
}
.button:hover { border: navy 1px solid; color: black; background-color:#E5E5E5;}

.disbutton { border: 0; background-color: white;}
.disbutton:hover { border: 0; background-color: white;}

.button2 {
	border: 1px solid #AAA;
	margin-left: 5px;
	padding: 2px 10px;
/* 	width:10%; */
}
.button2:hover { border: navy 1px solid; color: black; background-color:#E5E5E5;}

.yesno {width: 50px; text-align: center;}
.adddel {width: 70px; text-align: center;}

.indent { padding-left: 20px; }

.strong {font-weight: bold;}

.sep {	padding-bottom:15px;}

.hidden {  display:none;}

.footer {
	background: #0094D6 url(img/bgfooter.gif) repeat-x;
	color: #C1DEF0;
	font-size: 1.1em;
	line-height: 40px;
	text-align: center;
	clear:both;
}
.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

.footer .left, .footer .right {padding: 6px 12px;}

/* floats */
.left {float: left;}
.right {float: right;}

.form_field {
	padding-left: 1px;
	padding-top: 7px;
	width: 155px;
	float: none;
	clear: both;
	text-align: left;
}

.form_field .button { float: right; }

table.pretty {border-collapse: collapse; }

table.pretty thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}

table.pretty thead th {
	border:#06C 1px solid; 
	padding:5px;
} 

table.pretty td { 
	padding:5px 8px; 
	height:24px; 
	color:#06C; 
	border: none;
}

table.pretty tbody tr { 
	border-bottom: #06C 1px solid;
}

table.sortable thead {
	cursor: pointer;
	cursor: hand;
}

.odd {
  background-color:#EEF6F0;
}

.spacing {
	display:block;
	margin-top:5px;
}

.logging {
	display:block;
	padding-top:2px;
	padding-bottom:2px;
}

.barabove { 	
	display:block;
	margin-top:12px;
	border-top:#06C 1px solid; 
	margin-left:1px;
}

.red {
     color: red;
}
.red-box {
    color: red;
    font-weight: bold;
    font-size: 1.1em;
    border: red 1px solid; 
    display: table;
    padding: 2px 5px;
    margin-left: 20px;
    margin-top: 5px;
}

.green {
     color: green;
}

.green-box {
    color: green;
    font-weight: bold;
    font-size: 1.1em;
    border: green 1px solid; 
    display: table;
    padding: 2px 5px;
    margin-left: 20px;
    margin-top: 5px;
}

.brown {
    color: brown;
    font-style: italic;
}

.blue { 
    color: #06C; 
    font-weight: bold;
}

#all_emails {
  margin-left: 10px;
  margin-top: 5px;
}

#logo { 
	padding-top: 10px; 
	padding-bottom: 10px;
}

#logout {
	font-weight: bold;
	border-bottom: 1px dashed #DDD;
	font-size: 1.7em;
	height: 20px;
	font-variant: small-caps;
	padding-bottom:10px;
	padding-top:13px;
	display: block;
}