ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

a
{
  text-decoration: none;
  color: #333;
}

a:hover
{
  text-decoration: underline;
  color: #333;
}

body
{
  margin: 0;
  padding: 0;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background-color: #fff;
}

td
{
  margin: 0;
  padding: 0;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
}

/* Layout */

#container{
	text-align:left;
	background-color: #f4f6f8;
}

#header{
	/*margin-top: 1em;*/
	padding: 4px 20px;
	background-color: #08A3D6;
}

#content{
	clear:both;
	padding: 10px 5px 10px 5px;
	margin: 10px;
	background-color: #fff;
	border: 5px solid #b1cbd5;
	color: #333;
}

#content #content_left {
  width: 400px;
  float: left;
	padding:0px 3px 0px 3px;
	overflow:hidden;

}

#content #content_right {
  width: 400px;
  float: left;
	padding:0px 3px 0px 3px;
	overflow:hidden;
}

#content #content_right div.block {
			border-left: 1px solid #e2e2e2;
			border-right: 1px solid #e2e2e2;
			border-bottom: 1px solid #e2e2e2;
			background-color:#ffffff;
			margin:3px 3px 3px 3px;
			width:99%;
			float:left;
			clear:none;
		}
		
#content #content_right div.block h3 {
			border-top: 1px solid #e2e2e2;
			background-color:#CACBFF;
			padding:4px;
			margin:0px;
		}

#content #content_right div.block div {
			padding:3px;
			margin:0;
		}


#content #cms_left {
  width: 600px;
  float: left;
	padding:0px 3px 0px 3px;
	overflow:hidden;
}

#content #cms_right {
  width: 200px;
  float: left;
	padding:0px 3px 0px 3px;
	background-color:#CACBFF;
	overflow:hidden;
}
	
#footer{
	clear:both;
	padding: 6px 10px;
	text-align: right;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color:#08A3D6;
	color: #fff;
}

#footer a {
  color: #fff;
}

#menu_bar {
	clear:both;
	background-color: #08A3D6;
}

/* Menu list */
#menu_first_level {
	padding: 0px 17px;
	clear: both;
}
#menu_first_level ul, #menu_second_level ul {
	list-style-type: none;
}
#menu_first_level ul li {
	float: left;
	background: #e0f6ff url('../images/first_level_tab_right.gif') no-repeat right top;
	padding: 14px 0px 5px 0px;
	margin-right: 2px;
}
#menu_first_level ul li.cm-active {
	background: #fbfdff url('../images/first_level_active_tab_right.gif') no-repeat right top;
	padding: 12px 0px 7px 0px;
}
#menu_first_level ul li a, #menu_first_level ul li a:visited, #menu_first_level ul li a:hover, #menu_first_level ul li a:active {
	background: url('../images/first_level_tab_left.gif') no-repeat left top;
	font: bold 14px Arial;
	color: #172d3a;
	padding: 14px 17px 5px 17px;
	text-decoration: none;
	outline: none;
}
#menu_first_level ul li a:hover {
	text-decoration: underline;
}
#menu_first_level ul li.cm-active a, #menu_first_level ul li.cm-active a:visited, #menu_first_level ul li.cm-active a:hover, #menu_first_level ul li.cm-active a:active {
	background: url('../images/first_level_active_tab_left.gif') no-repeat left top;
	color: #a74401;
	padding: 12px 17px 7px 17px;
	text-decoration: none;
}
#menu_first_level ul li#tabs_home a, #menu_first_level ul li#tabs_home a:visited, #menu_first_level ul li#tabs_home a:hover, #menu_first_level ul li#tabs_home a:active {
	background: url('../images/first_level_tab_home.gif') no-repeat;
	padding-right: 16px;
	padding-left: 16px;
	text-decoration: none;
}
#menu_first_level ul li#tabs_home.cm-active a, #menu_first_level ul li#tabs_home.cm-active a:visited, #menu_first_level ul li#tabs_home.cm-active a:hover, #menu_first_level ul li#tabs_home.cm-active a:active {
	background: url('../images/first_level_active_tab_home.gif') no-repeat;
	padding-right: 16px;
	padding-left: 16px;
}
#menu_second_level {
	background-color: #fbfdff;
	padding: 0px 4px;
	clear: both;
}
#menu_second_level ul {
	list-style-type: none;
	background-color: #fbfdff;
	padding-bottom: 6px;
	max-width: 1024px;
}
#menu_second_level ul li {
	float: left;
	display: inline;
	padding: 0px 12px;
	background: url('../images/second_level_delim.gif') no-repeat;
	background-position: right 2px;
	margin-top: 6px;
	margin-bottom: 6px;
	white-space: nowrap;
}
#menu_second_level ul li.no-border {
	background-image: none;
}
#menu_second_level ul li a, #menu_second_level ul li a:visited, #menu_second_level ul li a:hover, #menu_second_level ul li.cm-active a, #menu_second_level ul li.cm-active a:hover {
	font: normal 12px arial;
	color: #0033cc;
	text-decoration: underline;
}
#menu_second_level ul li a:hover, #menu_second_level ul li.cm-active a:active, #menu_second_level ul li.cm-active a:visited {
	text-decoration: none;
}
#menu_second_level ul li.cm-active a, #menu_second_level ul li.cm-active a:visited, #menu_second_level ul li.cm-active a:hover, #menu_second_level ul li.cm-active a:active {
	font-weight: bold;
}
#menu_second_level ul li.cm-active a, #menu_second_level ul li.cm-active a:visited, #menu_second_level ul li.cm-active a:hover, #menu_second_level ul li.cm-active a:active {
	font: bold 12px Arial;
	color: #000000;
}
.hidden {
	display: none;
}

/* /Menu list */

#user_menu_wrapper {
  position: absolute;
  top:0px;
  width: 90%;
  z-index: 4; 
  background-color: #08A3D6; 
}

#user_menu {
  margin:5px;
  float:right;
}

#user_menu a {
	margin-left:2px;
	margin-right:6px;
	color: #fff;
}

#crubs_bar {
	clear:both;
	padding: 3px 10px;
	background-color:#efefef;
	border-bottom: 1px solid #e2e2e2;
	
}
#crubs_bar a {
	margin-left:2px;
	margin-right:4px;
}

/* headers */

#header h1 {
  font-size: 200%;
  background: url(../images/logo.jpg) no-repeat;
  height:50px;
  margin-top: 17px;
  text-indent: -5000px;
}

#content h1 {
  font-size: 160%;
  border-bottom: 2px solid #d1cfcf; /*e2e2e2;*/
  padding: 3px;
  margin-bottom: 10px;
  color: #000000;
}

#content h3 {
  font-size: 120%;
  padding: 3px;
  margin: 5px 0px 5px 0px;
}

/* tables */

table.list_tbl, table.formbox {
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	
	clear:both;
	padding: 0;
	margin: 0 0 2em 0;
	white-space: normal;
}

tr, td, th {
  margin: 0; padding: 0; 
}
thead th {
	background-color: #08a3d6; /*#fed;*/
	color: #fff;
	text-align: center;
  padding:4px;
  margin:0px;
}
thead th a {
  color: #fff;
}

thead th a:hover {
  color: #fff;
}

tbody td {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 3px;
}

tbody td.numeric {
  text-align:right;
  padding:0px 3px 0px 3px;
}

table tr.highlight td {
	background-color: #f6fddf ! important;
}

tr.debit td {
  background: #F8FFF0;
}

tr.credit td {
  background: #FFEFEF;
}

#list td {
  padding-top: 3px;
  padding-bottom: 3px;
}

#list tr.no_high td {
  padding-top: 0px;
  padding-bottom: 0px;  
}

#list td.icon {
  width: 30px;
}



.view th {
  width:150px;
  padding: 3px 0px 3px 0px;
  vertical-align:top;
}

.view td {
   color:#333;
   font-family: Arial, Verdana, sans-serif;
   font-size:100%;
   font-weight:normal;
   background-color:#ffffff;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   padding:3px;
}

#list tr.level_1 td {
  font-size:115%;
  font-weight: bold;
}
#list tr.level_2 td {
  font-size:105%;
}
#list tr.level_3 td {
  font-size:100%;
}

#list tr.level_1 td.description {
  padding-left:10px;
}
#list tr.level_2 td.description {
  padding-left:20px;
}
#list tr.level_3 td.description {
  padding-left:30px;
}

.edit th {
  width:150px;
  padding: 3px 0px 3px 0px;
  vertical-align:top;
}

/* more form staff */
div.formBox {
  border-top:1px solid #e2e2e2;
  border-bottom:1px solid #e2e2e2;
  margin-bottom:10px;
  
}

div.formBox div.subBox {
  padding: 5px 10px;
  background-color: #fff;
}

/* menus */

#local_menu {
  margin: 5px 0px 5px 0px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e2e2e2;
}

#local_menu a {
  margin: 0px 5px 0px 5px;
}

.inline_menu {
  margin: 5px 0px 5px 0px;
  padding-bottom: 10px;
  text-align:left;
}

.inline_menu a {
  margin: 0px 5px 0px 5px;
}
.inline_menu a img {
  margin-right:3px;
  vertical-align:middle;
}

.inline_menu a.button {
  padding-left:20px;
  padding-top:2px;
  padding-bottom:2px;
}
.inline_menu_horizontal {
  padding-top:10px;
  padding-bottom: 0px;
}


/* */
div.form_error {
  background-color: #FFFFCC;
  border: 1px solid #ccc;
  margin: 3px 0px 3px 0px;
  padding: 3px;
}

.form_error p {
  margin-top: 5px;
  margin-bottom: 5px;
}
.form_error ul {
  margin-left: 30px;
  margin-top:10px;
  margin-bottom:10px;
}

.form_error ul li {
  margin-left: 10px;
}

div.flash_message {
  background-color: #F8FFF0;
  border: 1px solid #ccc;
  margin: 3px 0px 3px 0px;
  padding: 10px;  
}
/* ajax things */

div#indicator
{
  position: absolute;
  width: 100px;
  height: 40px;
  left: 10px;
  top: 10px;
  z-index: 900;
  background: url(/images/indicator.gif) no-repeat 0 0;
}

div#search_box 
{
  margin: 10px 0px 10px 0px;
}

ul.date_range_fixed_options {
  list-style: none;
}
ul.date_range_fixed_options li {
  line-height: 1.7em;
}
/* inputs */

#form_submit_box input {
   color:#050;
   font-family: Arial, Verdana, sans-serif;
   font-size:100%;
   font-weight:normal;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   padding:3px;
}

input, select, textarea {
   color:#333;
   font-family: Arial, Verdana, sans-serif;
   font-size:100%;
   font-weight:normal;
   background-color:#ffffff;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   padding:3px;
}

/* dashboard */

.dashboard {
  width:860px;
  margin:auto;
}

.dashboard .box {
  width:200px;
  border: 1px solid #A0DC11;
  float: left;
  margin:5px;
}

.dashboard .double-width {
  width:412px;
}

.dashboard .box .header {
   font-size:120%;
   font-weight:bold;
   background-color:#08a3d6; /*fed;*/
   color: #fff;
   text-align:center;
   padding: 10px 5px 10px 5px;  
}
.dashboard .box .content {
   background-color:#F8FFF0;
   padding: 10px 10px 10px 10px;  
}

.dashboard .box .centered {
   text-align:center;
}

.dashboard .box .content a.payable {
  font-size:160%;
  font-weight:bold;
  text-decoration: none;
  color: #FF4C87;
}
.dashboard .box .content a.recievable {
  font-size:160%;
  font-weight:bold;
  text-decoration: none;
  color: #A0DC11;
}

.dashboard .box .content a {
  text-decoration: none;
  color: #FF4C87;
}

.dashboard .box .content a:hover {
  text-decoration: underline;
  color: #FF4C87;
}
.dashboard p {
  margin-top: 5px;
  margin-bottom: 5px;
}
/* comments */

div.comment_box {
  margin-top:10px;
  border: 1px solid #e3e3e3;
  padding:10px;
  background: #F8FFF0;
  width:400px;
}

div.comment_user {
  padding: 5px;
  padding-left:25px;
  background-image: url(../images/user_suit.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;  
  border-top: 1px solid #e2e2e2;
}

div.comment_body {
  padding: 5px;
  padding-left:25px;
  background-image: url(../images/comment.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;  
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

div.comment_box .comment_body ul,ol {
  margin-left: 15px;
}

div.comment_box .comment_body li {
  margin-left: 15px;
}

.comment_box .subtitle {
  margin: 5px;
  font-style:italic;
  font-size:80%;
}

form#add_comment
{
  width: 576px;
  background-color: #F8FFF0;
  border: solid 1px #efefef;
  padding: 10px;
}

/* help box */

div.info_help {
  margin: 5px;
  padding:10px;
  padding-left: 80px;
  padding-right: 10px;
  border: 1px solid #A0DC11;
  background-color: #F8FFF0;
  background-image: url(../images/info.png);
  background-repeat: no-repeat;
  background-position: 15px 15px;
}

.info_help ul li {
  margin-left: 20px;
  margin-top: 5px;
}


/* card view list */
dl.list {
}

dl.list dt {
  font-weight: bold;
  padding: 5px;
}

dl.list dt.highlight {
	background: #CACBFF;
}

dl.list dd {
  margin: 4px 0px 4px 4px;
  padding-left:30px;
}
dl.list dd div {
  margin: 4px 0px 4px 0px;
}

dl.list dt label {
  font-weight: normal;
  display:block;
  width:200px;
  float:left;
}

dl.list dt label.title {
  font-weight: bold;
  font-size: 120%;
  margin-right:5px;
  display:block;
  width:300px;
  float:left;
}

dl.list dt img {
  display:block;
  float:left;
  padding-right:5px;
}


div.card_info {
  border: 1px solid #e3e3e3;
  padding:10px;
  background: #F8FFF0;
  width:400px;
  margin-bottom:10px;
}

div.card_info table.card_info th {
  padding:3px;
  background: #F8FFF0;
  width:80px;
}

div.card_info table.card_info td {
  padding:3px;
  background: #F8FFF0;
}

div.card_info div.company_info {
  margin: 10px;
  padding-top: 5px;
  border-top: 1px solid #e3e3e3;
}

div.permalink_info {
  border: 1px solid #e3e3e3;
  padding:10px;
  background: #F8FFF0;
  width:650px;
}


/* suggestion list */
div.suggestion_list {
  margin: 10px 0 10px 30px;
}

div.suggestion_list ul {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 40px;
}

div.suggestion_list li {
  margin-left: 10px;
  padding-left:0px;
  list-style-image:url(../images/bullet_orange.png)
}

div.suggestion_list ul.group_type {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 40px;
}

ul.group_type li {
  font-size:120%;
  list-style-image:url(../images/bullet_green.png)
}

div.suggestion_list ul.group {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
}

ul.group li {
  font-size:90%;
  list-style-image:url(../images/bullet_blue.png)
}

div.suggestion_list ul.product {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
}

ul.product li {
  font-size:90%;
  list-style-image:url(../images/bullet_orange.png)
}

/* dashboard reports */

.report_selector {
  margin:10px 0px 10px 0px;
  padding: 10px;
  border: 1px solid #e2e2ef;
}

.report_selector ul {
  padding-left:20px;
}


/* modal box */

  div.confirm_message {
    font-family:Arial;
    padding:20px;
    padding-left:60px;
    background-image: url(../images/help.png);
    background-repeat: no-repeat;
    background-position: 15px 15px;
  }

  div.alert_message {
    font-family:Arial;
    padding:20px;
    padding-left:60px;
    background-image: url(../images/messagebox_warning.png);
    background-repeat: no-repeat;
    background-position: 15px 15px;
  }

  div.messagebox_message {
    font-family:Arial;
    padding:20px;
    padding-left:60px;
    background-image: url(../images/dialog-information.png);
    background-repeat: no-repeat;
    background-position: 15px 15px;
  }
  
  div.messagebox_message-information {
    background-image: url(../images/dialog-information.png);
  } 

  div.messagebox_message-error {
    background-image: url(../images/dialog-error.png);
  } 

  div.messagebox_message-warning {
    background-image: url(../images/dialog-warning.png);
  } 


  div.confirm_buttonbar {
    text-align: right;
  }
  
/* invoice with products form */

td.product_selector input {
  width:180px;
}

td.product_selector img {
  vertical-align:middle;
}

/* cms */

div.cms_page {
  width:600px;
}
div.block div.cms_page {
  width:100%;
}
div.cms_page .content {
  margin-top:10px;
  margin-bottom:10px;
}

div.cms_page .content p {
  margin-top:2px;
  margin-bottom:5px;
}

div.cms_page .content p img {
  float:left;
  margin:5px;
}

div.cms_page .content ul {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
}

div.cms_page .content li {
  margin-left: 10px;
  padding-left:0px;
  list-style-image:url(../images/bullet_orange.png)
}

div.cms_page .page_info {
  margin-top:5px;
  margin-bottom:5px;
  text-align: right;
}

div.cms_page .publish_info {
  margin-top:5px;
  margin-bottom:5px;
  text-align: left;
  border: 1px solid #e3e3e3;
  padding:10px;
  background: #F8FFF0;
}

div.cms_homepage .page_info {
  margin-top:5px;
  margin-bottom:5px;
  text-align: right;
}

h3.section_header {
  padding-top:5px;
  padding-bottom:5px;
/*  background-color: #CACBFF;*/
  margin-left:0px;
  border-bottom: 2px solid #CC2277; /*e2e2e2;*/
  color: #008000;

}

ul.related_pages {
  margin-left: 0px;
  list-style-type: none;
  padding:0;
  line-height: 2em;
}

ul.related_pages li {
  margin-left: 0px;
}

ul.tagcloud {
	list-style-type: none;
	padding: 0;
	line-height: 2em;
}
ul.tagcloud li {
	display: inline;
	line-height: 3em;
	white-space: nowrap;
}
ul.tagcloud li:after {
	content: ",";
}
ul.tagcloud li:last-child:after {
	content: "";
}
ul.tagcloud .count {
	font-size: 0.875em;
	line-height: 1.714em;
	color: #888;
}

ul.keywords {
	list-style-type: none;
	padding: 0;
	line-height: 2em;
}
ul.keywords li {
	display: inline;
	line-height: 3em;
	white-space: nowrap;
}

    .tag-list {
      list-style: none;
      margin-left: 0px;
      width: 600px;
    }
    .tag-list li {
      display: inline;
      line-height: 2em;
    }
    
    .tag-list-tag {
      background-color: #fff;
      color: #000;
      /*float: left;*/
      margin-left:5px;
      margin-right: 5px;
      padding:2px;
    }

    .tag-list .selected {
      background-color: #0000ff;
      color: #fff;
    }

/*    */

.sfTMessageInfo
{
  margin: 0;
  padding: 0;
  margin-top: 15px;
  float: left;
  width: 440px;
}

.sfTMessageInfo dt
{
  font-weight: bolder;
  font-size: 115%;
  margin: 5px 0;
}

.sfTMessageInfo dd
{
  margin: 0;
  padding: 0;
}

ul.sfTIconList 
{
  margin-left: 20px;
}

.sfTIconList li
{
  clear: left;
  line-height: 170%;
  padding-left: 20px;
}

.sfTIconList li.sfTLinkMessage
{
  background: url(../sf/images/icons/linkOut16.png) no-repeat top left;
}

.sfTIconList li.sfTReloadMessage
{
  background: url(../sf/images/icons/reload16.png) no-repeat top left;
}

/* forum stuff */

.forum_figures {
  margin-top:10px;
  margin-bottom:10px;
}

div#cms_right ul.forum_nav {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 18px;
}

div#cms_right ol {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 25px;
}

ul.forum_nav li {
  font-size:100%;
  list-style-image:url(../images/bullet_orange.png)
}

div#cms_right ul.forum_nav ul {
  margin-left: 23px;
}

div#cms_right ul.cms_right_list {
	list-style-type: none;
	padding: 0;
	line-height: 1.5em;
	margin-top: 5px;
	margin-bottom: 10px;
}
ul.cms_right_list li {
	white-space: nowrap;
}

.gravatar_photo {
  /*vertical-align:left;*/
  float:left;
  margin-right: 10px;
}

/* */

.calendar_date {
  width: 50px;
  float: right;
  border: 1px #e3e3e3 solid;
  background-color: #FFFFCC;
  padding-top: 5px;
  padding-bottom: 5px;
}

.calendar-day {
  text-align:center;
  font-size: 160%;
  letter-spacing:0.13em;
}
.calendar-month {
  text-align:center;
  font-weight: bold;
}
.calendar-year {
  text-align:center;
  
  letter-spacing:0.05em;
}

.calendar{
z-index:10001
}

/* */
ul.order_list_sortable {
  list-style: none;
  width: 200px;
}
ul.order_list_sortable li {
  line-height: 1.7em;
  border: 1px solid #e3e3e3;
  margin: 5px;
  padding: 5px;
  cursor: move;
}