* {
  margin: 0;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: Lucida Grande,Arial,Verdana,sans-serif;
  border-top: 3px solid #0BB5EF;
}

a {
  color: #0BB5EF;
  font-size: 10px;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img {
  border: 0;
}

h1 {
	font-family: Helvetica, Arial, sans-serif;
  margin: 8px 0;
  color: #333333;
}

h2 {
	font-family: Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 8px 0;
  color: #666666;
}


p {
	font-family: Helvetica, Arial, sans-serif;
  margin: 6px 0;
  font-size: 12px;
}

p.button {
	margin-top: 14px;
	margin-right: 6px;
}

p.button a, form input.submit{
	font-weight: bold;
  text-shadow: #444444 1px 1px 1px;
	background: #0BB5EF;
	color: #FFFFFF;
	padding: 5px;
	border: 1px solid #c0c0c0;
	font-size: 12pt;
	-webkit-border-radius: 4px;    /* for Safari */
	-moz-border-radius: 4px;       /* for Firefox */
}

p.button a:hover {
	text-decoration: none;
	border: 1px solid #0BB5EF;
}

a.download_zip {
	padding: 2px 4px;
	font-size: 12px;
	color: #ffffff;
	background: #0BB5EF;
	-webkit-border-radius: 4px;    /* for Safari */
	-moz-border-radius: 4px;       /* for Firefox */
	text-transform: uppercase;
	font-weight: bold;
}

p.download_link a {
	font-size: 14px;
	padding: 5px;
}

p.download_link a:hover {
	background: #f0f0f0;
	text-decoration: none;
}


p.caption {
  text-align: center;
  background-color: #e0e0e0;
  margin: 0;
  padding: 4px;
}

p.loginerror {
  text-align: center;
  padding: 0px;
  margin: 0px;
  color: #FF0000;
	font-weight: bold;
}

p.highlight {
  background: #7BD9F9;
  font-size: 14px;
  text-align: center;
  color: #000000;
  padding: 5px;
}

#topmenu {
  position: absolute;
  left: 600px;
  text-transform: uppercase;
  white-space: nowrap;
}

#topmenu ul {
  margin: 0;
  padding: 0;
  cursor: default;
  list-style: none;
  display: inline;
}

#topmenu ul li {
  background-color: #0BB5EF;
  float: left;
  display: block;
  font-size: 11px;
  padding: 6px;
}


#topmenu ul li a {
  color: #ffffff;
  font-size: 11px;
  text-decoration: none;
  display: block;
  padding: 1px;
}

#topmenu ul li a:hover {
  color: #0BB5EF;
  background-color: #ffffff;
}

#headerbar {
  padding-top: 30px;
}

#headerbar #logobar a{
  margin: 0;
  padding: 0;
  width: 232px;
  height: 80px;
  display: block;
  overflow: hidden;
  background:transparent url('../images/logo.png') no-repeat scroll 0 0;
  text-indent: -9999px;  
}

#navigation {
  width: 100%;
  height: 26px;
}

#navigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#navigation ul li {
  background-color: #ffffff;
  float: left;
  display: block;
  font-size: 12px;
  font-weight: bold;
  border-left: 1px solid #CCCCCC;
}

#navigation ul li.first {
  border: none;
}

#navigation ul li a {
  margin: 0 4px;
  padding: 4px;
  font-size: 12px;
  color: #333333;
  text-decoration: none;
  display: block;
}

#navigation ul li a {
  -webkit-border-radius: 4px;    /* for Safari */
  -moz-border-radius: 4px;       /* for Firefox */  
}

#navigation ul li a:hover {
  color: #ffffff;
  background-color: #0BB5EF;
}

.subnavigation {
  background-color: #ffffff;
  height: 30px;
}

.subnavigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.subnavigation ul li {
  height: 24px;
  float: left;
  display: block;
  font-size: 10px;
  padding: 5px;	
}

.subnavigation ul li.highlight a {
  color: #ffffff;
  background-color: #0BB5EF;
  padding: 4px;
}

.subnavigation ul li a {
  color: #333333;
  background-color: #f0f0f0;
  text-decoration: none;
  display: block;
  padding: 4px;
  border: 1px solid #CCCCCC;
  -webkit-border-radius: 4px;    /* for Safari */
  -moz-border-radius: 4px;       /* for Firefox */
}

.subnavigation ul li a:hover {
  color: #ffffff;
  background-color: #0BB5EF;
  padding: 4px;
}


#contentleft {
  border-top: 10px solid #EF440B;
  width: 600px;
  float: left;
}

#contentright {
  float: right;
  text-align: justify;
  border-top: 10px solid #7BD9F9;
  width: 180px;
}

#contentfull {
  border-top: 10px solid #EF440B;
	width: 780px;
}

div.gallery {
  margin: 5px 0;
  padding: 0px;
  background: #333333;
  -webkit-border-radius: 8px;    /* for Safari */
  -moz-border-radius: 8px;       /* for Firefox */
}

div.gallery table, div.gallery td {
  text-align: center;
  padding: 4px;
}

div.gallery p.gallery_caption {
  padding: 0 8px 16px 8px; 
  color: #ffffff; 
  text-align:center; 
  font-weight: bold; 
  font-size: 12px;
}

div.gallery img {
  border: 1px solid #0BB5EF;
}

.register_caption {
  font-weight: bold;
  text-align: center;
  padding: 10px;
  background: #e0e0e0;
  font-size: 16px;
  color: #333333;
  -webkit-border-radius: 8px;    /* for Safari */
  -moz-border-radius: 8px;       /* for Firefox */
}

table {
  font-size: 11px;
  padding: 0;
  margin: 0;
  border-spacing: 0px;
}


table tr td.artwork {
  text-align: center;
}

table tr td.artwork img {
  border: 1px solid #e0e0e0;
  width: 50px;
}

table tr td a {
  color: #0BB5EF;
  text-decoration: none;
  font-weight: bold;
}

table tr td a:hover {
  color: #000000;
}

table tr th {
  margin: 0;
  padding: 4px;
  text-transform: uppercase;
  text-align: left;
  color: #0BB5EF;
  font-weight: bold;
}

table tr.even {
  padding: 2px;
  margin: 0;
  background-color: #F0F8FF;
}

table tr.even:hover {
  background-color: #0BB5EF;
  color: #FFFFFF;
}

table tr.even:hover a, table tr.odd:hover a {
  color: #ffffff;
}

table tr.odd {
  padding: 2px;
  margin: 0;
  background-color: #ffffff;
}

table tr.odd:hover {
  background-color: #0BB5EF;
  color: #FFFFFF;
}

table tr td {
  padding: 6px;
}

table.thin_table tr td {
  padding: 0 6px;
}

#dashleft {
  float: left;
  width: 49%;
}

#dashright {
  float: right;
  width: 49%;
}

#dashleft table, #dashright table {
  width: 100%;
  margin-bottom: 10px;
}

.pager {
  text-transform: capitalize;
  background-color: #ffffff;
  height:38px;
}

.pager ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.pager ul li {
  color: #333333;
  background-color: #f0f0f0;
  border: 1px solid #CCCCCC;
  float: left;
  display: block;
  font-size: 10px;
  padding: 4px;
  margin-right: 4px;
  margin-top: 4px;
}

.pager ul li a {
  color: #333333;
  background-color: #f0f0f0;
  padding: 4px 6px;	
  text-decoration: none;
}

.pager ul li a:hover {
  color: #ffffff;
  background-color: #0BB5EF;
}

.letters {
  text-transform: capitalize;
  background-color: #ffffff;
  color #EF440B;
  height: 20px;
}

.letters ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.letters ul li {
  padding-right: 10px;
  color: #EF440B;
  text-align: center;
  float: left;
  display: block;
  font-size: 14px;
}

.letters ul li a {
  color: #EF440B;
  font-size: 14px;
  text-decoration: none;
}

.letters ul li a:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #EF440B;
}

#wrapper {
  width: 800px;
  margin: 0 auto;
}

#footer {
  width: 800px;
  margin: 24px auto 0 auto;
  padding-top 20px;
  text-align: center;
  font-size: 10px;
  border-top: 1px solid #cccccc;
  background-color: #ffffff;
  height: 60px;
}

#footer a {
  text-align: center;
  color: #0BB5EF;
  text-decoration: none;
  padding: 1px;
}

#footer a:hover {
  text-decoration: underline;
  background-color: #0BB5EF;
  color: #EEEEEE;
}


.list {
  height:200px;
  width:600px;
  overflow: auto;
  margin-top:10px;
  border: 1px solid #e0e0e0;
}

.list td {
  padding: 0 15px 0 0;
}

form input {
  background:#f9f9f9; 
  margin: 0;
	-webkit-border-radius: 4px;    /* for Safari */
	-moz-border-radius: 4px;       /* for Firefox */
  padding: 4px 0;
  border: 4px solid #e0e0e0;
  color: #333333;
	font-size: 14pt;
}

form input.price {
	-webkit-border-radius: 0px;    /* for Safari */
	-moz-border-radius: 0px;       /* for Firefox */
  background: #f9f9f9;
	margin: 0px;
	padding: 0;
	border: 1px solid #e0e0e0;
	color: #333333;
	font-size: 12px;
}

form input.submit {
  padding: 8px;
  text-transform: uppercase;
}

.login {
	float: right;
	margin-top: 10px; 
	margin-bottom: 5px;
	padding: 5px 0 20px 0; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	width: 200px;
	height: 170px;
  text-align: right;
	background: #f0f0f0 !important;
}

.login table {
	margin: 0 auto;
}

.login form input {
	margin: 0;
	padding: 4px;
	border: 1px solid #c0c0c0;
	font-size: 12px;
  -webkit-border-radius: 4px;    /* for Safari */
  -moz-border-radius: 4px;       /* for Firefox */
}

.login table th {
  margin: 0;
  padding: 0;
  text-align:right;
  background-color: #ffffff;
  color: #0BB5EF;
}

.list table {
  width: 100%;
}

.report_details {
  background-color: #ffffe0;
  border: 1px solid #e0e0e0;
}

.service_info {
  padding-left: 16px;
}

.service_info li {
  font-size: 12px;
  list-style: square;
  color:  #EF440B;
}

div.featured {
	float: left;
	width: 90px;
	height: 90px;
	margin-top: 5px;
	margin-left: 55px;
}
div.featured img {
	-webkit-border-radius: 10px;    /* for Safari */
	-moz-border-radius: 10px;       /* for Firefox */
}

.grey a{ color: #333333 !important; }
.orange a{ color: #EF440B !important; }
.green a{ color: #008000 !important; }
.yellow a{ color: #EFB60B !important; }
.magenta a{ color: #EF0B44 !important; }
.blue a{ color: #0BB5EF !important; }
.purple a{ color: #B60BEF !important; }
.brown a{ color: #AD532F !important; }
.olive a{ color: #4A7801 !important; }
.red a{ color: #D61D00 !important; }

.grey a:hover, .greyselected a { background-color: #333333 !important; color: #ffffff !important; }
.orange a:hover, .orangeselected a { background-color: #EF440B !important; color: #ffffff !important; }
.green a:hover, .greenselected a { background-color: #008000 !important; color: #ffffff !important; }
.yellow a:hover, .yellowselected a { background-color: #EFB60B !important; color: #ffffff !important; }
.magenta a:hover, .magentaselected a { background-color: #EF0B44 !important; color: #ffffff !important; }
.blue a:hover, .blueselected a { background-color: #0BB5EF !important; color: #ffffff !important; }
.purple a:hover, .purpleselected a { background-color: #B60BEF !important; color: #ffffff !important; }
.brown a:hover, .brownselected a { background-color: #AD532F !important; color: #ffffff !important; }
.olive a:hover, .oliveselected a { background-color: #4A7801 !important; color: #ffffff !important; }
.red a:hover, .redselected a { background-color: #D61D00 !important; color: #ffffff !important; }