/**********************************************/
/*    Customer Portal - Varcarme Computers    */
/*    August 2015                             */
/**********************************************/ 


/**********************************************/
/*              general site info             */
/**********************************************/ 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}


body
{
	background: rgb(247, 247, 247);
    color: #515F5C;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 160%;
}

.clear {
  clear:both;
  display:block;
  overflow:hidden;
  visibility:hidden;
  width:0;
  height:0;
}

.clear:after {
  clear:both;
  content:' ';
  display:block;
  font-size:0;
  line-height:0;
  visibility:hidden;
  width:0;
  height:0;
}

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


/*
  Style HTML Tags
*/


body {
  background: rgb(247, 247, 247);
  color: #515F5C;
  font-family: Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height: 160%;
}

a {
  color: #515F5C;
  text-decoration:none;
}


a:hover {
  color: #19a5d8;
}

h1, h2, h3, h4, h5, h6 {
  color: rgb(34, 46, 54);
  font-family: "Arial", "Helvetica", sans-serif;
  font-weight: normal;
  margin-bottom:6px;
  line-height: 125%;
}

h1 {
  font-size:32px;
}

h2 {
  font-size:24px;
}

h3 {
  font-size:18px;
}

h4 {
  font-size:16px;
}

h5 {
  font-size:15px;
}

h6 {
  font-size:14px;
}

p {
  margin-bottom:18px;
}

table {
  border-collapse:collapse;
  border-spacing:0;
  margin-bottom: 5px;
  width: 100%;
}

th, tr, td {
  vertical-align: middle;
}

.sticky-header th, .sticky-table th {
  border-bottom: 3px solid #ccc;
  padding-right: 1em;
  text-align: left;
}

table {
  background: #ececec;
  border: 1px solid #ccc;
}
      
table.tableblank {
  background: #ffffff;
  border: 0px solid #ccc;
}


th {
  background: #dbdbdb;
  padding: 5px 4px;
  text-shadow: 1px 1px #fff;
  border-right: 1px solid #c8c7c7;
  color:#333;
}

td {
  /*background: #ebebeb;*/
  color: #747474;
  text-align: left;
  padding-left: 4px;
  /*border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;*/
  text-align: center;
}

td.left {
   text-align: left;   
   }
   
td.right {
   text-align: right;   
   }
   
code {
  background: #d8d8d8;
  text-shadow: 1px 1px #fff;
  border: 1px solid #bbbbbb;
  display: block;
  padding: 7px;
  margin: 5px 0;
  border-radius: 7px;
}

mark {
  background-color:#fdfc9b;
  font-style:italic;
  font-weight:bold;
}

del {
  text-decoration: line-through;
}

hr {
  border:none;
  border-top:#EEE 1px solid;
}

dt {
  font-weight:bold;
  margin-bottom:24px;
}

dd {
  margin-left:30px;
  margin-bottom:24px;
}

ul {
  list-style-type:disc;
  margin-left:15px;
  margin-bottom:12px;
}

ul ul {
  list-style-type:square;
  margin-bottom:0;
}

ul ul ul {
  list-style-type:circle;
}

ol {
  list-style-type:decimal;
  margin-left:30px;
  margin-bottom:24px;
}

ol ol {
  list-style: upper-alpha;
  margin-bottom:0
}

ol ol ol {
  list-style: lower-roman;
}

ol ol ol ol {
  list-style: lower-alpha;
}

label {
  display: block;
  }


.errorpage {
  color:#FF0000;
  font-size:120%;
  }  

/**********************************************/
/*    Theme Design, Layout and Typography     */
/**********************************************/ 


/**********************************************/
/*            Header                          */
/**********************************************/ 

#inner_header_wrapper {
  background: url(images/bg-header.jpg);
  position:relative;
  margin:0 auto;
  border-bottom: 1px solid #EBEBEB;
  position: relative;
  -webkit-box-shadow: -1px 2px 18px rgb(2, 23, 54);
  -moz-box-shadow: -1px 2px 18px rgb(2, 23, 54);
  box-shadow: -1px 2px 18px rgb(2, 23, 54);
}

#header_wrapper{
  
}

#header {
  max-width: 1000px;
  margin: 0 auto;
  height:160px;
}

#logo {
  float:left;
  margin: 15px 10px;
}

#logo img {
  float:left;
  }

#header-right {
  float:right;
}  

#welcome-msg { 
  color:#BFBABA;
  float:right;
  }
  
#welcome-msg .user {
  font-size:120%;
  color:#005db5;
  } 
  
#welcome-msg a {
  color: #BFBABA;
  text-decoration: none;
}  

#welcome-msg a:hover {
  color: #19a5d8;
}

#customer-logo {

}

#customer-logo img {
  height:100px;
  float:right;
  padding-top:10px;
  padding-right:10px;
  }

#site-title a,
#site-description {
  color:#fff;
  font-weight: 300;
}

#site-title,
#site-description {
 
}

#site-title {
  margin: 0 0 10px;
  font-size:22px;
  font-weight:bold;
  padding-left:10px;
  float:left;
  padding-top:43px;
}

#site-title a{
  float: left;
  line-height: 100%;
}

#site-description {
  color: #E7E7E7;
  margin: 0;
  float: left;
  clear: both;
  font-size: 12px;
  line-height: 100%;
}

#container_wrapper {
  clear: both;
  margin: 0 auto;
  max-width: 1000px;
  overflow: hidden;
  padding: 1%;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: 0px 2px 18px rgb(221, 221, 221);
  -webkit-box-shadow: 0px 2px 18px rgb(221, 221, 221);
  box-shadow: 0px 2px 18px rgb(221, 221, 221);
}

#sidebar-first {
  color: #888;
  float: left;
}

.page_title {
  font-size: 20px;
}

.breadcrumb {
    margin: 0px;
    padding-top: 0px;
    margin-bottom: 10px;
    border-bottom: #eee 1px solid;
}

/**********************************************/
/*    Admin Tabs                              */
/**********************************************/ 

.tabs-wrapper {
  border-bottom: 1px solid #b7b7b7;
  margin: 0 0 5px 0;
}

.tabs-wrapper ul li {
  padding: 0px;
  } 


ul.primary {
  border: none;
  margin: 0;
  padding: 0;
}

ul.primary li a {
  background: none;
  border: none;
  display: block;
  float: left;
  line-height: 1.5385em;
  margin: 0;
  padding: 0 1em;
  border-radius: 4px 4px 0 0;
  margin-right: 5px;
}

ul.primary li a:hover, ul.primary li a.active {
  background: #666;
  border: none;
  color: #fff;
}

ul.primary li a:hover {
  background: #888;
  text-decoration: none;
}

ul.secondary {
  background: #666;
  border-bottom: none;
  clear: both;
  margin: 0;
  padding: 0;
}

ul.secondary li {
  border-right: none;
}

ul.secondary li a, ul.secondary li a:link {
  border: none;
  color: #ccc;
  display: block;
  float: left;
  line-height: 1.5385em;
  padding: 0 1em;
}

ul.secondary li a:hover, ul.secondary li a.active {
  background: #888;
  color: #fff;
  text-decoration: none;
}

ul.secondary a.active {
  border-bottom: none;
}

div.messages {
    background-position: 8px 8px;
    background-repeat: no-repeat;
    border: 1px solid;
    margin: 6px 0;
    padding: 5px 10px 5px 50px;
}

div.error {
    background-image: url(images/message-24-error.png);
    border-color: #ed541d;
}

div.error, .error {
    color: #8c2e0b;
}

div.success {
    background-image: url(images/message-24-ok.png);
    border-color: #ed541d;
}

div.success, .success {
    color: #008000;
}

div.question {
    background-image: url(images/message-24-warning.png);
    border-color: #f9c700;
}

div.question, .question {
    color: #8c2e0b;
}

/**********************************************/
/*            Footer                          */
/**********************************************/ 

#footer-inner {
  background-color:#c0c0c0;
  }

/**********************************************/
/*    Main Menu                               */
/**********************************************/ 

#main-menu {
  /* REMOVED max-width: 1000px; */
/*  padding-left: 330px; */
  margin: 0 auto;
  position: relative;
  z-index: 11;
  top: -15px;
  /* REMOVED border-bottom: 2px solid rgb(187, 215, 9); */
  background: url(images/bg-menu.jpg);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
  -o-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
  margin-bottom: -15px;
}

.menu-navigation-container	{
    margin:0 auto;
    width:1000px;    /* 866px */
}


#main-menu ul {
  float:left;
  padding:0;
  margin:0;
  list-style:none;
  font-size:13px;  
}

#main-menu li {  
  position:relative;
  float:left;
  padding:0;
  margin:0;
  font-size: 14px;
}

#main-menu ul li:first-child {
  padding-left:0;
}

ul, ol, div.item-list ul{
  margin: 5px 0 5px 0;
  padding: 0;
}

ul li, ul.menu li, ul.links li, .item-list ul li {
  /* REMOVED background: url("images/marker.png") no-repeat scroll 4px center rgba(0, 0, 0, 0); */
  list-style: none outside none;
  margin: 0 0 2px;
  padding: 0 0 0 15px;
}

#main-menu a {
  display: block;
  color: #FFF;
  text-align: center;
  padding: 13px 32px;
  text-decoration: none;
  font-size: 14px;
  /* REMOVED text-transform: uppercase; */
  /* font-weight: bold; */
}

#main-menu a:hover,
#main-menu li a.active{
  color: #bddbf8;
  text-decoration: none;
  background: url(images/li-hover.png) center;
}
#main-menu li li a.active{
  background: rgb(164, 182, 20);
}

.drop-down-toggle {
  position:absolute;
  top:7px;
  right:16px;
  display:none;
  width:20px;
  height:20px;
  border-radius:15px;
  background:#333;
  background:-moz-linear-gradient(#333,#444);
  background:-webkit-linear-gradient(#333,#444);
  background:-o-linear-gradient(#333,#444);
  background:-ms-linear-gradient(#333,#444);
  background:linear-gradient(#333,#444);
  border:#aaa 3px solid;
}

.drop-down-arrow {
  display:block;
  width:0;
  height:0;
  margin:8px 0 0 5px;
  border-top:5px solid #aaa;
  border-left:transparent 5px solid;
  border-right:transparent 5px solid;
}

#main-menu li li {
  float:none;
  min-width:190px;
  padding:0;
  margin:0;
}

#main-menu li li a {
  color: #FFF;
  min-width: 150px;
  margin: 0;
  background: rgb(164, 182, 20);
  border-top: 1px solid #333;
  font-size: 11px;
  text-align: left;
  overflow: hidden;
  padding: 3% 5%;
  font-weight: normal;
}

#main-menu li li:first-child > a {
  border-top:none;
}

#main-menu li li a:hover {
  background: #bddbf8;
}

#main-menu li ul {
  display:none;
  position:absolute;
  z-index:9999;
  min-width:190px;
  height:auto;
  padding:0;
  margin:0;
  box-shadow:0 0 3px #333;
}

#main-menu li ul ul {
  margin:-33px 0 0 190px !important;
}

#main-menu li:hover > ul,
#main-menu li li:hover > ul,
#main-menu li li li:hover > ul {
  display:block;
}

#main-menu .nav-toggle {
  display:none;
}

#main-menu ul li.leaf, #main-menu ul li.expanded, #main-menu ul li.collapsed {
  list-style:none;
}
#main-menu ul.menu li {
  margin: 0;
}

#main-menu li.expanded, #main-menu li.collapsed, #main-menu li.leaf {
  margin: 0;
  padding: 0;
}

.content-sidebar-wrap #content {
  display: inline;
  margin-bottom: 2.7%;
  float:right;
  width:100%;
}


.content-sidebar-wrap {
  float:left;
  width:100%;
}

body.sidebar-first #content {
    width: 100%;
}


body.sidebar-first #sidebar-first {
  width: 19%;
}



/* Blocks */

.block {
  margin-bottom: 1%;
}

.block > h2{
font-size: 18px;
font-weight: normal;
margin: 0px 0px;
padding: 2px 0px 4px 5px;
background-color:#c4dd0f;
}


/**********************************************/
/*         Form Elements                      */
/**********************************************/ 

fieldset { 
  background: #ffffff; 
  border: 1px solid #cccccc; 
  margin-top: 10px; 
  margin-bottom: 32px;
  padding: 0 0 10px; 
  position: relative; 
  top: 12px; /* Offsets the negative margin of legends */
  -khtml-border-radius: 4px; 
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
  border-radius: 4px; 
}

.fieldset-wrapper { 
  margin-top: 25px; 
}

.node-form .vertical-tabs .fieldset-wrapper {
  margin-top: 0; 
}

.filter-wrapper { 
  top: 0; padding: 1em 0 0.2em;
  -khtml-border-radius-topright: 0; 
  -khtml-border-radius-topleft: 0; 
  -moz-border-radius-topright: 0; 
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0; 
  -webkit-border-top-right-radius: 0; 
  border-top-left-radius: 0; 
  border-top-right-radius: 0;
}

.filter-help a { 
  font-size: 0.857em; 
  padding: 2px 20px 0; 
}

.filter-wrapper .form-item label { 
  margin-right: 10px; 
}

.filter-wrapper .form-item { 
  padding: 0 0 0.5em 0.5em; 
}

.filter-guidelines { 
  padding: 0 1.5em 0 0.5em;
}

fieldset.collapsed { 
  background: transparent;
  -khtml-border-radius: 0; 
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
   border-radius: 0;
}

fieldset legend { 
  background: #dbdbdb;
  border: 1px solid #ccc;
  border-bottom: none;
  display: block;
  height: 2em;
  left: -1px;
  line-height: 2;
  padding: 0;
  position: absolute;
  text-indent: 10px;
  text-shadow: 0 1px 0 #fff;
  top: -12px; width: 100%;
  -khtml-border-radius-topleft: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; 
  -khtml-border-radius-topright: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; 
}

fieldset.collapsed legend { -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

fieldset .fieldset-wrapper { padding: 0 10px; }

fieldset .fieldset-description { margin-top: 5px; margin-bottom: 1em; line-height: 1.4; font-style: italic; }

input { margin: 2px 0; padding: 4px; }

input, textarea {  font-size: 0.929em; }

textarea { line-height: 1.5; }

textarea.form-textarea, select.form-select { padding: 4px; }

input.form-text, textarea.form-textarea, select.form-select { border: 1px solid #ccc; }

input.form-text-readonly { border: 1px solid #999; background-color: #c0c0c0;}

.password-suggestions ul li { margin-left: 1.2em; }

.form-item { margin-bottom: 1em; margin-top: 2px; }

.form-item label { font-size: 0.929em; }

.form-item .description { font-size: 0.85em; }

.form-type-radio label, .form-type-checkbox label { margin-left: 4px; }

.form-type-radio .description, .form-type-checkbox .description { margin-left: 2px; }

.form-actions { padding-top: 10px; }

.form-required { color: #f00; }

/* Form Buttons */

button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
  background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
  background-image: -o-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E3E3E3));
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
  background-image: linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E3E3E3');
  border: 1px solid #dbdbdb;
  -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 white; -webkit-box-shadow: inset 0 1px 0 0 white; -o-box-shadow: inset 0 1px 0 0 white; box-shadow: inset 0 1px 0 0 white;
  color: #333333; text-shadow: 0 1px 0 white; position: relative; font-weight:bold; padding: 8px 1em 9px 1em;
}

button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  background-image: -ms-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
  background-image: -moz-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
  background-image: -o-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DBDBDB), color-stop(1, #F2F2F2));
  background-image: -webkit-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
  background-image: linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBDBDB', endColorstr='#F2F2F2');
  -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 white;
  -webkit-box-shadow: inset 0 1px 0 0 white;
  -o-box-shadow: inset 0 1px 0 0 white;
  box-shadow: inset 0 1px 0 0 white;
  cursor: pointer;
}

input[type="submit"].vSmallButton {
  padding:5px;
  font-size=50%;
}

/* custom features */

.prospec_box_key {
	width:50px;
	height:10px;
	border:1px solid #000;
}

table.msg-from-1 td {
  color:#FF0000;
  }

table.msg-from-2 td {
  color:#0000FF;
  }  

table.msg-from-0 td {
  color:#00CC00;
  }  
  
.message td {
   text-align:left;
   border:0px #000 solid;
   }

input[type="submit"].button-search {
  width:30px; 
  height:30px;
  background:url(../images/buttons/search.png) no-repeat center ;
  }