#container { 
  width: 760px; 
  margin: 0 auto; 
  position: relative;
}

#announcements {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: #800000;
}

#header {
  height: 42px;
  position: relative;
}

#logo a {
  position: absolute;
  top: 10px;
  display: block;
  width: 144px;
  height: 36px;
  background: transparent url(/images/kooaba_logo.png) no-repeat left center;
}

#logo a:hover {
  background-color: transparent;
}

#logo a span {
  display: none;
}

#topstrip {
  position: absolute;
  right: 0;
  top: 21px;
  padding: 4px 8px;
  background-color: #f78f1e;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#main { 
  margin-top: 20px;
  border-bottom: 1px solid silver; 
}

#sidebar { 
  width: 232px;
  margin: 0px; 
  padding: 0px;
}

#sidebar h4 {
  color: #606060;
  text-shadow: #FFF 1px 1px 1px;
  margin: 10px 10px;
}

#content { 
  min-height: 240px;
  padding: 0px;
  margin: 0px;
}

#footer {
  clear: both;
}

#about {
  font: bold 10px "Lucida Grande", sans-serif;
  color: gray;
  text-align: right;
}

#legal {
  color: #666;
  font-size: 10px;
  text-align: center;
}

#content > h1, #content > h2, #content > h3, #content > p {
  margin-left: 10px;
  margin-right: 10px;
}

#content > div.errorExplanation {
  margin-left: 10px;
  margin-right: 10px;
}

#loginbox {
  margin: 16px auto;
  width: 356px;
}

.fieldWithErrors {
  background: none;
  display: inline-block;
}

.fieldWithErrors label {
  color: #A04546;
}

.fieldWithErrors input {
  background-color: #FFCDCE;
}

/* @group Action Links */

a.add, a.add:visited {
  text-decoration: none;
  padding: 2px 2px 2px 20px;
  background: transparent url(/images/add_icon.png) no-repeat left center;
}

a.back, a.back:visited {
  text-decoration: none;
  padding: 2px 2px 2px 20px;
  background: transparent url(/images/back_icon.png) no-repeat left center;
}

a.import, a.import:visited {
  text-decoration: none;
  padding: 2px 2px 2px 20px;
  background: transparent url(/images/import_icon.png) no-repeat left center;
}

a.export, a.export:visited {
  text-decoration: none;
  padding: 2px 2px 2px 20px;
  background: transparent url(/images/export_icon.png) no-repeat left center;
}

a.add:hover, a.back:hover, a.import:hover, a.export:hover {
  background-color:#415870;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* @end */

.portrait input {
  font-size: 13px;
}

.portrait input[type=text], .portrait input[type=password] {
  width: 306px;
}

h1 {
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: normal;
}

h1 a, h1 a:visited {
  text-decoration: none;
}

p.error {
  border: 1px solid #FF720B;
  background-color: #FFE5B4;
  padding: 5px;
}

p.label {
  margin-bottom: 0;
}

p.footer {
  margin-bottom: 5px;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}


div.container #errorExplanation, div.component #errorExplanation {
  width: 100%;
  margin: 0;
}

div.container form.new, div.container form.edit {
  margin: -1px 0 -1px 0;
}

div.container_item {
  border-bottom: 1px dotted gray;
}

div.container_item.disabled {
  background-color: #aaaaaa;
  color: gray;
}

div.toolbar {
  border-top: 1px solid #F1F1F1;
}

#arrangement a.view {
  display: block;
  float: left;
  width: 26px;
  height: 20px;
  overflow: hidden;
  text-indent: 1000px; 
}

#arrangement a.view.grid {
  background: transparent url(../images/library/view_icon.png) repeat-x top left;
}

#arrangement a.view.row {
  background: transparent url(../images/library/view_row.png) repeat-x top left;
}

#arrangement a.view.rows {
  background: transparent url(../images/library/view_row_end.png) repeat-x top left;
}

#arrangement a.view.map {
  background: transparent url(../images/library/view_map.png) repeat-x top left;
}

#arrangement a.view.selected {
  background-position: 0 -20px;
}

.icon_with_bg {
  background: url(/images/library/list_thumbnail_bg.png);
  width: 128px;
  height: 128px;
  padding: 2px 13px 13px 2px;
  text-align: center;
  margin: 0;
}

div.icon_with_bg div.icon_tools {
  clear: none;
  text-align: right;
  position: relative;
  top: -18px;
  display: none;
}

div.icon_with_bg:hover div.icon_tools {
  display: block;
}

div.icon_with_bg:hover a {
  background-color: transparent;
}

.icon_shadow {
  background: url(/images/icon_shadow_bg.png);
  width: 128px;
  height: 128px;
  padding: 2px 7px 13px 8px;
  text-align: center;
  margin: 0;
}

#user_items > ul {
  list-style-type: none;
  padding-left: 0px;
  margin: 10px 0;
}

#user_items.cell {
  background: #DDD url(/images/library/shelf_montage.png) repeat top left;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  min-height: 305px;
  margin-bottom: 10px;
}

#user_items.cell ul {
  margin: 5px;
  padding: 0 3px 9px 3px;
}

li.user_item.cell {
  display: inline-block;
  position: relative;
  height: 148px;
  width: 128px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  zoom:1;
  *display: inline; 
/*  background-color: rgba(33,251,0,0.5);*/
}

li.user_item.cell div.cover {
  position: absolute;
  bottom: 0;
  width: 128px;
  text-align: center;
}

li.user_item.cell div.cover a:hover {
  background: none;
}

li.user_item.cell div.cover img {
  -webkit-box-shadow: 0px -1px 5px black;
}

div.image_zoom img {
    /* max size for images in large (facebox) view */
    max-width: 640px;
    max-height: 640px;
}

li.user_item h3 {
  font-family: "Myriad Pro", "MyriadPro", "Helvetica Neue", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  font-weight:normal;
  font-size:16px;
  margin-top:0;
}

li.user_item h3 .light {
  color: #666;
}

li.user_item.row {
  margin: 0 0 20px 0;
  padding: 15px 10px 5px 10px;
  *padding: 15px  2px 5px 9px;
  min-height:143px;
  overflow: auto;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: black;
  background-color: white;
  list-style-type: none;
}

li.user_item.medium_album {
  background: white url(/images/library/corner_album.png) no-repeat top right; 
}

li.user_item.medium_book {
  background: white url(/images/library/corner_book.png) no-repeat top right; 
}

li.user_item.medium_dvd {
  background: white url(/images/library/corner_dvd.png) no-repeat top right; 
}

li.user_item.medium_game {
  background: white url(/images/library/corner_game.png) no-repeat top right; 
}

li.user_item.medium_movie {
  background: white url(/images/library/corner_mov.png) no-repeat top right; 
}

li.user_item.medium_periodical_page {
  background: white url(/images/library/corner_mag.png) no-repeat top right; 
}

li.user_item.medium_conference_poster {
  background: white url(/images/library/corner_poster.png) no-repeat top right; 
}

li.user_item.medium_catalogue_page{
  background: white url(/images/library/corner_catalogue.png) no-repeat top right; 
}

li.user_item.medium_topps_card {
  background: white url(/images/library/corner_topps.png) no-repeat top right; 
}

li.user_item.unknown {
  background: white url(/images/library/corner_unkwn.png) no-repeat top right; 
}

li.user_item .info {
  float: left;
  width: 150px;
  text-align:center;
}

li.user_item .social h4{
  margin: 0 0 3px 0;
  padding: 0;
  color: #606060;
}

li.user_item .social .rating {
  height:25px;
  margin-bottom:6px;
}

li.user_item ul.sharing {
  list-style: none;
  margin: 0 0 11px 0;
  padding:0 0 0 0;
}

li.user_item ul.sharing li {
  list-style: none;
  display: inline;
  margin: 0;
  font-size:11px;
  line-height:18px;
  font-weight:bold;
}

li.user_item ul.sharing li a {
  text-decoration:none;
  color:#555;
}

li.user_item ul.sharing li a:hover {
  text-decoration: none;
  background-color: transparent;
}

li.user_item ul.sharing li a img:hover {
  border:none;
  color:#f3f3f3;
  text-decoration:none;
}

table.tools {
  background: #F1F1F1;
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  min-height: 31px;
}

table.list {
  width: 100%;
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
}

table.list .first, table.list th:first-child, table.list td:first-child {
  padding-left: 10px;
}

table.list .last {
  padding-right: 10px;
}

table.list th {
  color: #666;
  background: #DDD url(/images/table_th_bg.png) repeat-x;
  text-align: left;
  font-size: 12px;
  padding-top: 1px;
  padding-bottom: 1px;
}

table.list th.descending { 
  background:#dedede url(/images/table_th_bg_descending.png) no-repeat 100% 100%;
  text-shadow: white 0px 1px 1px;
}

table.list th.ascending { 
  background:#dedede url(/images/table_th_bg_ascending.png) no-repeat 100% 100%;
  text-shadow: white 0px 1px 1px;
}

table.list th a, table.list th a:visited {
  display: block;
  text-decoration: none;
}

table.list th a:hover {
  background-color: transparent;
  color: #333;
}

table.list td.transient {
  background-image: url(/images/construction.png);
  background-position: right top;
  background-repeat: no-repeat;
}

table.list td.tools a:hover {
  background-color: transparent;
}

table.list td.number {
  text-align: right;
}

span.date {
  font-size: 12px;
}

span.preview {
  float: right;
}

span.preview a, span.preview a:visited {
  color: #eee;
  font-weight: normal;
}

span.association {
  float: right;
  font-family: "Lucida Grande", sans-serif;
  font-size: 12px;
}

span.association a, span.association a:visited {
  color: #415870;
  padding: 0px 15px 1px 3px;
  background: transparent url(/images/detail_arrow.png) no-repeat center right;
  font-weight: normal;
  text-decoration: none;
}

span.association a:hover {
  background-color: #415870;
  color: #EEE;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

span.overlay {
  position: absolute;
  padding: 4px;
}

.charcount-safe { color:#65AA7D; }
.charcount-limit { color:#AA656C; font-weight:bold; }
.charcount-warn { color: #65AA7D; font-weight:bold; }

.scope {
  font-weight: bold;
}

.scope span {
  padding: 0 7px;
  background-color: #CCC;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.scope a, .scope a:visited {
  padding: 0 7px;
  color: #3F586F;
  text-decoration: none;
}

.scope a:hover {
  color: white;
  background-color: #AAA;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.pagination {
  text-align: center;
}

.pagination a, .pagination span {
  padding: .2em .3em;
}

.pagination span.disabled {
  color: #AAA;
}

.pagination span.current {
  font-weight: bold;
  background-color: silver;
}

.pagination a {
  text-decoration: none;
  color: #484848;
}

.pagination a:hover, .pagination a:focus {
  text-decoration: underline;
  color: white;
}

div.pagination {
  padding-top: 10px;
  clear: left;
}

p.pagination {
  color: #555;
  font-size: 12px;
  text-align: right;
  margin: 3px 0px;
}

/* @group Navigation */

ul.compact {
  margin: 0px 20px;
  padding: 0px;
}

ul.navigation {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  line-height: 100%;
  text-align: right;
}

ul.navigation li {
  display: inline;
  margin: 0 4px;
  color: white;
}

ul.navigation li a, ul.navigation li a:visited {
  color: white;
  text-decoration: none;
}

ul.navigation li a:hover {
  background: none;
  text-decoration: underline;
}

ul.navigation li a.selected {
  font-weight: bold;
}

/* @end */

/* @group Source List */

ul.source {
  list-style-type: none;
  padding-left: 0px;
  margin: 10px 0;
}

ul.source li {
  padding: 0px;
  margin: 0px;
}

ul.source label {
  display: block;
  padding: 0px 20px;
}

ul.source a, ul.source a:visited {
  color: #415870;
  display: block;
  padding: 0px 20px;
  text-decoration: none;
}

ul.source a:hover {
  color: white;
}

ul.source a.selected, ul.source li.selected {
  color: white;
  background: #369 url(/images/selection_bg.png) repeat-x left center;
}

ul.source li.selected a {
  color: white;
}

ul.source li:hover {
  background-color:#415870;
}

ul.source ul.source a {
  padding: 0px 35px;
}

ul.source ul.source li.separator {
  padding: 0px 35px;
}

/* @end */

ul.associations {
  list-style-type: none;
  margin: 0 0 5px;
  padding-left: 0;
}

ul.associations li {
  margin-bottom: 0px;
}

ul.associations li label {
  font-weight: normal;
}

ul.menu {
  padding:  0px;
  border:   1px solid silver;
  margin:   0px;
  list-style-type: none;
}

ul.menu li {
  white-space: nowrap;
  background-color: white;
}

ul.menu li a, ul.menu li a:visited {
  display:          block;
  padding:          1px 5px 1px 1px;
  text-decoration:  none;
}

ul.menu li a:hover {
  background: #415870 url(/images/selection_bg.png) repeat-x top center;
}

label.menutitle {
  padding:    2px 12px 2px 2px;
  background: transparent url(/images/menu_discloser.png) no-repeat center right;
}

label.menutitle.action {
  display: inline-block;
  margin: 4px 0;
  border: 1px solid #CCC;
  -webkit-border-radius: 4px;
}

label.menutitle.action:hover {
  border: 1px solid #999;
}

a.pagemenu, a.pagemenu:visited {
  padding:    2px 12px 2px 2px;
  background: transparent url(/images/menu_discloser.png) no-repeat center right;
  text-decoration: none;
}

a.pagemenu:hover {
  background-color: #DDD;
}

a.pagemenu.selected, a.pagemenu.selected:visited {
  color:            #FFF;
  background-color: silver;
}

/* Subsection Tabs
--------------------*/
#main ul.tabs {
	list-style: none;
	margin: 0;
	margin-bottom: 0px;
	padding: 4px 10px 2px;
	border-bottom: 1px solid silver;
	background: url("/images/tabs_bg.png") repeat-x;
}

#main ul.tabs li.tab {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	margin-right: 1px;
}

#main ul.tabs li.tab a {
  font-weight: bold;
	padding: 5px 0;
	text-decoration: none;
}

#main ul.tabs li.tab a span {
	padding: 5px 1em;
}

#main ul.tabs li.tab a:hover {
  color:#666;
  background-color: #bbb;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

#main ul.tabs li.tab a.active {
	background: url("/images/tab-right.png") no-repeat 100% 0;
	color: #06C;
	padding: 5px 0;
	text-decoration: none;
}

#main ul.tabs li.tab a.active span {
	background: url("/images/tab-left.png") no-repeat;
	padding: 5px 1em;
}

#main ul.tabs li.source_code {
  float:right;
}

#main ul.tabs + table.tools {
  border-top: none;
}

#main ul.tabs li.tab .add {
  padding-left: 8px;
  
}

/* */

form.options {
  padding:  0px;
  margin: 1px;
}

form.search {
  display: block;
  padding:  0px;
  margin: 1px;
}

form.new {
  margin:   0px 10px;
  border:   1px solid silver;
  padding:  0px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: white;
}

form.edit {
  margin:   0px 10px;
  border:   1px solid #628AB0;
  padding:  0px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

form.edit fieldset {
  border: none;
  padding: 0;
  margin: 10px 0;
}

form.edit fieldset.column {
  float: left;
  width: 250px;
}

form.edit fieldset.column.right {
  float: right;
  width: 220px;
}

form div.errorExplanation {
  margin-top: 10px;
}

form fieldset legend {
  font-weight: bold;
}

form fieldset label.inline {
  font-weight: normal;
}

form fieldset ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

form fieldset ol li {
  margin: 0 0 1em;
}

form div.actions {
  clear: both;
  border-top: 1px solid silver;
  padding-top: 10px;
  margin: 10px 0;
}

form fieldset p .error {
  color: #DE680F;
  font-size: 11px;
  font-weight: bold;
}

form fieldset p .error.icon {
  padding-left: 18px;
  padding-top: 1px;
  background: transparent url(/images/notice_icon_14.png) no-repeat left center;
}

form fieldset p span.details {
  margin-left: 22px;
}

form.portrait {
  padding: 10px 20px;
  margin: 0;
}

form.edit h2 {
  font-size: 13px;
  color: #FFF;
  background-color: #628AB0;
  border-bottom: 1px solid #628AB0;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  padding: 1px 2px;
  margin: 0px -10px;
}

div.assistant {
  position: relative;
  -webkit-border-radius: 8px;
  border: 4px solid #ddd;
  background-color: #ddd;
}

div.assistant form {
  width: 320px;
  border: none;
  background-color: #F2F2F2;
}

div.assistant div.help {
  position: absolute;
  left: 380px;
}

.portrait label {
  display: block;
  width: auto;
  padding: 0;
  text-align: left;
}

.portrait label.inline {
  display: inline;
  font-weight: normal;
}

div.component form h3 {
  background: none;
}

div.component form.edit {
  -webkit-border-radius: 0;
  background-color: #CED5DC;
  border-left: none;
  border-right: none;
}

div.component form.edit h3 {
  margin: 10px 0;
}

div.component form textarea {
  width: 100%;
}

ul.predicates {
  background-color: #DDD;
  margin: 0px;
  border-top: 1px solid #B2B8BE;
  border-bottom: 1px solid #B2B8BE;
  padding: 2px;
  list-style-type: none;
}

form ul.predicates {
  border: 1px solid #B2B8BE;
}

ul.predicates li { 
  padding: 0 2px;
}

form.new h3, form.edit h3 {
  font-size: 13px;
  margin-bottom: 5px;
}

form.new label, form.edit label {
  font-weight: bold;
}

form.new label.input, form.edit label.input {
  font-weight: normal;
}

form label span {
  font-weight: normal;
}

button {
  margin: 2px;
}

button[name=direction] {
  height: 18px;
}

input.half {
  width: 300px;
}

td.label {
  text-align: right;
  color: gray;
  font-weight: bold;
}

td.value
{
  overflow: hidden;
  text-overflow: ellipsis;
}

td.warning {
  background-color: #FFEDAF;
  border: 1px solid #F90;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 3px;
}

p.message {
  background-color: #FFEDAF;
  border: 1px solid #F90;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px;
}

div.query {
  margin-left: 10px;
  margin-bottom: 10px;
  overflow: auto;
}

div.query h3 {
  margin: 8px 0;
}

div.query h3 span.light {
  color: #666;
}

div.query div.info, div.query div.social {
  float: left;
  width: 96px;
}

div.query div ul {
  margin: 4px 0;
  padding-left: 16px;
}

div.query div.tools {
  clear: left;
  background-color: #DDD;
  padding: 2px;
  margin-bottom: 5px;
}

div.overview {
  background: #F1F1F1;
  border-bottom: 1px solid #E5E5E5;
}

table.overview td {
  font-size: 12px;
}

table.overview td li {
  font-size: 12px;
}

div.tabcontents {
  margin-top: 0px;
  padding: 10px 0px;
  background-color: #eee;
}

div.details {
  font: 11px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

div.details label {
  color: gray;
  font-weight: bold;
}

.details a, .details a:visited {
  padding: 1px 15px 2px 3px;
  background: transparent url(/images/detail_arrow.png) no-repeat center right;
  text-decoration: none;
}

.details a:hover {
  background-color:#415870;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

div.blockleft {
  width: 350px;
  float: left;
  margin-top: 15px;
  padding-left: 15px;
}

div.blockright {
  width: 350px;
  float: right;
  margin-top: 15px;
  padding-right: 15px;
}

div.attributes {
  background-color: #EAEAEA;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 0 10px;
  padding: 1px 0;
}

div.component {
  background-color: #EAEAEA;
  border: 1px solid #999;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-bottom: 10px;
}

div.component p {
  padding: 0px 5px;
}

div.component p.tools {
  text-align: right;
  margin: 0;
  padding: 0px 2px;
}

div.component div.tools {
  float: right;
  text-align: right;
  padding: 0px 2px;
}

div.component li span.tools {
  display: inline-block;
  vertical-align: middle;
}

div.component p span.navigation {
  float: right;
  padding: 0px 2px;
}

div.component p span.navigation .arrow {
  display: block;
  float: left;
  width: 20px;
  height: 18px;
  overflow: hidden;
  margin-left: -1px;
  text-indent: 1000px;
}

div.component p span.navigation .arrow.left {
  background: transparent url(../images/arrow_left.png) no-repeat 4px 0;
}

div.component p span.navigation .arrow.right {
  background: transparent url(../images/arrow_right.png) no-repeat 4px 0;
}

div.component p span.navigation span.arrow.left {
  background-position: 4px -18px !important;
}

div.component p span.navigation span.arrow.right {
  background-position: 4px -18px !important;
}

/*div.component p span.navigation span.arrow.left {
  background: transparent url(../images/arrow_left_inactive.png) no-repeat top left;
}

div.component p span.navigation span.arrow.right {
  background: transparent url(../images/arrow_right_inactive.png) no-repeat top left;
}
*/
div.components {
  background-color: #EAEAEA;
  border: 1px solid #999;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  clear: both;
}

div.component h2, div.components h2 {
  font-size: 13px;
  color: #FFF;
  background-color: #999;
  border-bottom: 1px solid #999;
  padding: 1px 2px;
  margin: 0px;
}

div.component h3 {
  font-size: 13px;
  margin: 0;
  padding: 2px;
  background-color: #C8C8C8;
}

div.tabitems {
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}

div.partial {
  background-color: #CCE2C2;
  border: 1px solid #390;
  padding: 10px;
}

div.partial h3 {
  font-size: 13px;
  margin: 0px 0px 5px 0px;
}

div.partial form {
  margin: 0px;
}

div.name {
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

tr.odd {
  background-color: #F0F5FA;
}

tr.even {
  background-color: #FFF;
}

tr.odd.now {
  background-color: #99CC66;
}

tr.even.now {
  background-color: #99CC33;
}

tr.odd.future {
  background-color: #FFCC66;
}

tr.even.future {
  background-color: #FFCC33;
}

tr.odd.past {
  background-color: #CC6666;
}

tr.even.past {
  background-color: #CC3333;
}

tr.user td {
  color: #999;
}

tr.user.active td {
  color: black;
}

tr.user.suspended {
  background-color: #F4C1C2;
}

tr.maindevice td {
  border-top: 2px solid silver;
}

tr.device td.first {
  border-left: 2px solid transparent;
}

tr.maindevice td.first {
  border-left: 2px solid silver;
  -webkit-border-top-left-radius: 6px;
}

tr.variantdevice td.first {
  border-left: 2px solid silver;
}


/* mapping stuff */

#googlemap{
  /* generic map , becuase id is set for javscaript*
  /* add specific stuff in an extra container div */
}

#map_group_queries{
  margin: 10px 0 0 0;
}

a.icon, a:active.icon, a:hover.icon {
  display:block;
  text-decoration: none;
}

dl.plist { 
  padding: 0;
  margin: 10px 13px;
}

dt {
  float: left;
	width: 33%;
	margin: 0;
  font-weight: bold;
	min-height: 15px;
}

dd {
  float: left;
	width: 66%;
	margin: 0;
	min-height: 15px;
}

/* Clearing */
.clear:after {
  content: ".";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}

.clear {
  display: inline-block;
}

/* Holly Hack Targets IE Win only */
* html .clear {height: 1%;}
.clear {display: block;}

/* Cart Summary table */
div.cart-summary {
  border: 1px solid #CCCCCC;
  margin-bottom: 10px;
}

.cart-summary table {
  border: 0px;
}

.cart-summary hr {
  margin: 6px;
  border: 1px solid #CCCCCC;
}

.cart-summary .foot {
  float: right;
  margin-right: 10px;
}

.cart-summary tbody tr:first-child td {
  padding-top: 10px;
}

.cart-summary .foot td:first-child {
  padding-right: 15px;
}

.cart-summary .foot hr {
  margin: 0px;
  border: 0px;
  border-bottom: 1px solid #333333;
}

.cart-summary th.right {
  text-align: right;
}


td.right {
  text-align: right;
}

ul.button {
  margin: 0px;
  padding: 0px;
}

.button li {
  float: left;
  list-style: none;
}

.button li.right {
  float: right;
}

.panelized {
  margin: 0 0 20px 0;
  padding: 15px 10px 5px 10px;
  *padding: 15px  2px 5px 9px;
  min-height:310px;
  overflow: auto;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: black;
  background-color: white;
  list-style-type: none;
}

.panelized :first-child p {
  margin-top: 0;
}

.panelized div.borderless {
  margin: 0 -10px;
}

div.actions {
  color: gray;
  font-weight: bold;
}

div.actions a.button {
  color: white;
  background: none;
  background-color: #008040;
  padding: 2px 6px;
  font-weight: bold;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

div.actions a.button:hover {
  background-color: #003D1D;
}

div.actions a.button, div.actions a.button:visited {
  text-decoration: none;
}

div.small {
  margin: 0px 10px 10px 10px;
  width: 350px;
}

div.subscription_needed {
 margin-left: 40px;
 margin-bottom: 12px;
}

form ul li {
  list-style: none;
  margin-bottom: 8px;
}

div.placeholder {
  margin: 64px 0;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  color: #DDD;
}

form label.radio_button_label {
  font-weight: normal;
}

.hint {
  font-size: 12px;
  color: #666666;
}

ol.form { 
  padding-left: 0px;

}
ol.form li {
  list-style: none;
  margin-bottom: 13px;
  position: relative;
}

ol.form .fieldWithErrors {
  padding: 0px 0px 2px 0px;
}

ol.form input:focus[type=text], input:focus[type=password] {
  background-color: #ffc;
}

.hint .info, .hint .error {
  display: inline;
  position: absolute;
  right: -250px;
  top: 14px;
  width: 200px;
  border: 1px solid #c93;
  padding: 10px 12px;
  background-color: #ffc;
}

.hint-pointer {
  position: absolute;
  left: -10px;
  top: 5px;
  width: 10px;
  height: 19px;
  background: url('/images/pointer.gif') left top no-repeat;
}
.hint .error { 
  border: 1px solid red;
  background-color: #FFCDCE;
}
.hint .error .hint-pointer {
   background: url('/images/error_pointer.gif') left top no-repeat; 
}

.signup ol.form {
  font-size: 14px;
}

.signup .small-text {
  font-size: 13px;
}

.signup ol.form li {
  margin-bottom: 18px;  
}
.signup ol.form li.action{
  padding-top: 8px;
  text-align: center;
}

.signup input {
  font-size: 14px;
}