/* CSS Document */

/* ===Table=== */

.table {
  empty-cells: show;
  width: 100%;
}

  .table caption {
  	background-color: #edf0f3;
  	border-bottom: 1px solid white;
  	color: #596c80;
  	font-size: 12px;
  	font-weight: bold;
  	text-align: left;
    padding: 5px 7px;
    overflow: hidden;
    /* margin-left: -1px; */
	}
	
    .table .cap-forms {
      font-weight: normal;
      padding-top: 2px;
      padding-bottom: 2px;
    }
    
      .cap-buttons button{
        margin-top: 2px !important;
      }
          
      .cap-text {
        line-height: 28px;
      }
      
	.table th {
	  empty-cells: show;
    background-color: #F3EDDD;
    color: #996c2e;
    font-size: 11px;
    padding: 5px 7px;
    text-align: left;
	}
	
    .table th a {
      color: #996c2e;
    }	
	
	.table td {
    empty-cells: show;
    padding: 3px 7px;
    vertical-align: top;
  }
	
	 /* =Special cases= */
  .tb-border-left {
    border-left: 1px solid #dae7f3;
  }

  .tb-border-right {
    border-right: 1px solid #dae7f3;
  }
  
  .tb-border-none td
	{
		border-bottom: none !important;
	}

  .tb-border {
    border-left: 1px solid #dae7f3;
    border-right: 1px solid #dae7f3;
  }
  
    .tb-border caption {	
      padding: 5px 8px;
    }
    
  .tb-bottom {
    border-bottom: 1px solid #dae7f3;    
  }
  
  .td-bottom {
    border-bottom: 1px solid #dae7f3;
  }

    .tb-bottom th {
      border-bottom: 5px solid white;    
    }
    
   .cell-borders {
    
   }
   
    .cell-borders th {
      border-bottom: none;    
    }
    
    .cell-borders caption {
      border-left: 1px solid #edf0f3;
      border-right: 1px solid #edf0f3;  
    }
  
  .tb-checkbox {
    height: 15px;    
    margin: 0;
    padding: 0;
    width: 15px;
  }
  
  .tb-checkbox input{
    margin: 2px 0px 0px 0px;
  }
  
  
  .tb-smallfont td {
    font-size: 11px;
  }
  
  .td-border td 
  {
    padding-top: 5px;
  	padding-bottom: 5px;
    border-bottom: 1px solid #dae7f3;
    vertical-align: middle;
  }
 
  .td-space td {
    padding-top: 7px;
  }
 
  .td-pink td {
	background-color: #ffe6e6;
  }
  
  .td-v-middle td {
	vertical-align: middle;
  }
  
  td.tb-top-space {
    border-left: 1px solid #dae7f3;
    border-right: 1px solid #dae7f3;    
    font-size: 0;    
    padding: 3px 0 0 0;
  }
  
  .tr-separator td {
    border-bottom: 1px solid #dae7f3;
    font-size: 0;      
    padding: 8px 0 0 0;
  }

	table.no-border td {
		border: none !important;
	}

	table.no-vert-padding td {
		padding: 0px 5px !important;
	}

	td.no-horiz-padding {
		padding: 3px 0 !important;
	}

/* ===Links=== */

.option-links {
  margin: 0;
  padding: 0;
  overflow: hidden;
  zoom: 1;
}

  .option-links li {
    background:
      url("../img/menudots.gif")
		  left
		  center
		  no-repeat;
		clear: none !important; /* To override rule in #SuppliersTable tbody ul li */
    float: left;
    list-style: none;
    padding: 0 10px 1px 10px;
  }
  
    .option-links li:first-child {
      background: none;
      padding-left: 0;
    }
    
    .current {
      color: #596c80;
      text-decoration: none;
    }

.tb-link {
  font-size: 12px;
  font-weight: bold;
}

/* ! Maxim Start */
.no-text-decoration {
	text-decoration: none;
}
/* ! Maxim End */
    
/* ===Boxes=== */

.cat-container {
    /*border-bottom: 1px solid #eff2f4;*/
    overflow: hidden;
    }

  .cat-header {
    font-size: 12px;
    margin: 0 0 5px 0;
    overflow: hidden;
    clear: both;
  }

    .cat-header span {
      color: #596c80;
      float: left;
      font-weight: bold;
      margin: 0 10px 0 5px;
      padding: 0;
    }

  .cat-body {
    background: #eff2f4;
    clear: both;
    font-size:11px;
    margin: 0 0 8px 0;
    overflow: hidden;
    padding: 7px;
  }

    .cat-body label {
      clear: both;
      font-weight:bold;
      float: left;
      margin: 0 0 5px 0;      
      width: 25%;
    }
      
    .cat-body p {
      width: 75%;      
      padding: 0;    
    }
  
    .cat-body span {
      float: left;
      margin: 0;
      padding: 0;
      width: 34%;
    }
    
    .cat-body span.stars
    {
    	width:56px;
    }
    
    .cat-table {
      width: 100%;
    }
    
      .cat-table td {
        padding: 0 5px 2px 0;
      }
      
      .cat-table td
      {
      	background-color:#EFF2F4;
      }

  .marg-right {
    border-bottom: none;  
    margin-right: 5%;
  }
  
/* ===Icons=== */

.icon {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 15px;
	margin: 0;
	padding: 0 0 0 17px;
	width: 0;
}

  .icon:hover {
    background-position: 0 -15px;
  }
  
  .icon.disabled {
    background-position: 0 -30px;    
  }
  
  .icon.right
  {
	float: right;	
  }
  
  .icon.nohover 
  {
  	background-position: 0 0;
  	}
  
  .center
  {
  	float: none;
  }
  
  .i-collapse {
    background-image: url("../img/iconcollapse.gif");
  }
  
  .i-expand {
    background-image: url("../img/iconexpand.gif");
  }

  .i-collapseall {
    background-image: url("../img/iconcollapseall.gif");
  }
  
  .i-expandall {
    background-image: url("../img/iconexpandall.gif");
  }
  
.i-leavefeedback {
    background-image: url("../img/iconleavefeedback.gif");
  }

.i-leavefeedback-disabled {
    background-position: left -30px;
    background-image: url("../img/iconleavefeedback.gif");
  }

.i-leavefeedback-disabled:hover {
    background-position: left -30px;
  }

.i-view {
    background-image: url("../img/iconview.gif");
  }

.i-drag {
    background-image: url("../img/icondrag.gif");
    cursor: s-resize;
  }

.i-remove {
    background-image: url("../img/icondel.gif");
  }

.i-up {
    background-image: url("../img/iconup.gif");
    cursor: pointer;
  }

.i-down {
    background-image: url("../img/icondown.gif");
    cursor: pointer;
  }

.i-learnmore {
    background-image: url("../img/iconlearnmore.gif");
    cursor: pointer;
  }

.i-registernow {
    background-image: url("../img/iconregisternow.gif");
    cursor: pointer;
  }

.i-seehow {
    background-image: url("../img/iconseehow.gif");
    cursor: pointer;
  }
  
.legend .icon {
	width: auto; 
	margin: 0 2px; 
	cursor: auto;
	}

/* ===Texts=== */

.details-list {
  margin: 0;
  padding: 0;
}

  .details-list li {
    list-style: none;
    margin: 0 0 3px 0;
    padding: 0;
  }

  .details-list label {
    display: inline-block;
    vertical-align: top;
  }
  
  .details-list span {
    display: inline-block;
    vertical-align: top;
  }
  
.sup-list {}

  .sup-list label {
    width: 43%;

  }
  
  .sup-list span {
    width: 57%;
 
  }
  
.cat-list {}

  .cat-list label {
    width: 20%;
    font-weight: bold;
  }
  
  .cat-list span {
    width: 75%;
    float: none;
  }

/* === Primary inforamtion (beige) table () === */

table.primaryinfo {
  border-collapse: collapse;
  /* border-spacing: 1px; */
}

table.primaryinfo td {
    background: #F3EDDD;
    border-bottom: white 1px solid;    
    padding: 6px 7px;	
  }

table.primaryinfo td input[type=text] {
    width: 560px;
    border: 1px solid #7f9db9;
  }
  
table.primaryinfo td input[type=text].dateinput {
	 width: 100px; 
}

/* === Filters table () === */
table.filters td
{
	vertical-align: top;	
}

table.filters td .feedback div
{
	margin: 0px;	
}

table.filters td .feedback label
{
	font-size: 11px;
}

table.filters td input[type=text], table.filters td select
{
	width: 200px;
}

table.filters td input[type=text].large, table.filters td select.large
{
	width: 330px;
}

table.filters td span.filtername
{
	font-size: 11px;
}

table.filters .tip {
	font-size: 10px; 
	color: #999;
}

/* Attachments list */

.attachments-list input.atachmentfield {
	margin: 3px 0 3px 0px;
	float: left;
	padding: 2px;
	
  }

.attachments-list a.remove {
	margin-top: 7px;
	margin-left: 5px;
	float: left;
	background-image: url("../img/icondel.gif");
	width: 15px;
	height: 15px;
}

textarea.emailBody {
	width: 704px;
	height: 400px;
	margin: 0 0 20px 0;
	padding: 2px;
	border: 1px solid #7f9db9;
	}

.image-frame
{
	border: solid 1px #CED4D9;
	padding: 6px;
	background-color: #ffffff;
}

/* table extensions */

.table tr.selectable:hover, .table tbody.selectable:hover
{
	background-color: #edf0f3;
	cursor: pointer;
}

.table tr.selected
{
	background-color: #edf0f3;
	cursor: pointer;
}

.inactive
{
	color: #cccccc;
}

.width50px
{
	width: 50px !important;
}

.width308
{
	width: 308px !important;
}

.width314
{
	width: 314px !important;
}

.width332
{
	width: 328px !important;
}

.width334
{
	width: 334px !important;
}

.width344
{
	width: 344px !important;
}

.fullWidth
{
	width: 100% !important;
}


/*TODO: finish*/
.tb-expandable caption
{
	/*background-color: Transparent;
	border-top: solid 1px #dae7f3;
	border-left: solid 1px #dae7f3;
	border-right: solid 1px #dae7f3;*/
}

.tb-expandable caption span
{
/*	color: #333333;*/
}

span.feedback {
	font-size: 10px;
	color: #333333;
	text-decoration:none;
	float:left;
	margin-top: -1px;
	margin-left: 1px;
}

/* mail */

tr.tr-newmail 
{
    font-weight: bold;
}

tr.tr-newmail .i-mail
{
	background:
		url("../img/iconmail.gif")
		2px
		0px
		no-repeat;
}

tr.tr-repliedmail .i-mail
{
	background:
		url("../img/iconmailreplied.gif")
		0px
		0px
		no-repeat;
}

tr.tr-mail .i-mail {
	background:
		url("../img/iconmailread.gif")
		2px
		0px
		no-repeat;
}

.greyed-out
{
    color: #a6a6a6;
}

.file-select a.file-name
{
    color: #000000;
    float: left;
    text-decoration:none;
    cursor: default;
}

/* Site header */

#sub-menu 
{
	position: absolute;
	top: 30px;
	right: 20px;
	height: 41px;
}

#sub-menu .left-side 
{
	background:
		url("../img/linkcap.png")
		left
		0
		no-repeat;
	width: 5px;
	height: 41px;
	float: left;
}

#sub-menu .right-side 
{
	background:
		url("../img/linksback.png")
		right
		0
		no-repeat;
	float: left;
	padding: 0 10px 0 5px;
	height: 43px;
}

#sub-menu ins 
{
	margin: 13px 0 13px 0;
}

#sub-menu a 
{
	background-position: 0 1px;
	margin: 13px 5px 13px 2px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	width: auto !important;
	padding: 0 0 2px 17px;
}

#sub-menu a:hover
{
	background-position: 0 -14px;
}

#innersubheader h2.longtext 
{
	margin-top: 16px;
}

#innersubheader h2.longtext ins
{
	float: left;
}

#innersubheader h2.longtext ins.dash
{
	margin: 0 6px; 
	font-size: 16px; 
	font-weight: normal;
	color: #596C80;
}

#innersubheader h2.longtext span
{
	width: 490px; 
	float: left; 
	display: block; 
	margin-top: 2px;
}

.nofloat
{
	float: none !important;	
	display: inline !important;
}