/* CSS Document */

  *  { font-family:Arial, Helvetica, sans-serif;  color:#333; padding:0; margin:0; }
    body  {  margin: 0; padding: 0; }
	a { color: #3b7ed1; text-decoration:none; }
	a:hover { color:#999; text-decoration:underline; }
	input, textarea, select { font-size: 11px; padding:2px; margin:0px; font-weight:normal; }
	p { clear:both; overflow:hidden; margin:8px 0; font-size:12px; } 
	p span { color: #3b7ed1; font-weight:bold; }
	strong { font-family:inherit; color:inherit; }
	img { border:0;}
	table { border-collapse:collapse; font-size: 10px; width:100%; margin-top:5px; }
	table th { padding:5px 8px; background-color:#3B7ED1; font-size:11px; font-weight:bold;  border:2px solid #fff; color:#ccc; }
	table td { padding:6px 8px;  font-size:12px; border:2px solid #fff;  color:#333;  }
	table th, table th a { color:#fff; }
	table th img { border:1px solid #fff; }
	table th span { float:left; margin-right:7px; color:#fff; }
	table tr { background-color:#efefef; padding:8px; }
	table td.first { font-weight:bold; }
	table td.date { width:120px; }
	table tr.par { background-color:#dfeaff; }
	table td.icon { width:20px; }
	table td.only-image { width:20px; }
	table td.pay01 { font-weight:bold; font-size:12px; color:#FF0000; }
	table td.pay02 { font-weight:bold; font-size:12px; color:#000; }
	table td.pay03 { font-weight:bold; font-size:12px; color:#ccc; }
	table th.select select { padding:0; float:left; clear:none;  margin:0; font-size:11px; width:100px; }
	table th.select span { padding-top:3px; }
	table th.select.large select { width:300px; }
    .clear { clear:both; overflow:hidden; }

/* layout */		
    .container { margin: 0 auto; text-align: left;  background:#fff; padding-bottom:9px; }
	
    .header {  height:80px; clear:both; position:relative; }
    .user { width:200px; position:absolute; top:40px; right:0; color:#666666; font-size:12px; text-align:right; }
	
    .menu {  clear:both; overflow:hidden; background:#333;   }
    .menu li { float:left; list-style:none;  text-align:center; background:#333;  height:37px; }
    .menu li a { float:left; border-right:1px solid #ccc; margin:3px 0 0 0;  padding:9px 22px;  font-size:13px; color:#fff;  font-weight:bold;  }
    .menu li a.first { border-left:1px solid #ccc; }
    .menu li a:hover, .menu li a.sel { border-right:1px solid #3b7ed1; background:#3B7ED1; text-decoration:none; color:#fff;  }
	
    .menu li.close {  float:right;  }
    .menu li.close a { background: url(../images/bgClose.png) no-repeat 15px 6px; padding-left:45px;  border-right:1px solid #ccc; }
    .menu li.close a:hover { background-color:#3b7ed1; }
	
    .content { padding:8px 10px 20px 10px; clear:both; position:relative;  }

	
    .footer { padding:10px 0; clear:both; overflow:hidden; background-color:#3b7ed1; text-align:center; font-size:12px; color:#fff; }

	.header .logo { padding:8px 0 0 7px;  }

/* paginator */
    .paginator { font-size:10px; color:#666; padding:12px 0; clear:both; overflow:hidden;  }
    .paginator a { padding:4px;  }
    .paginator .pag_select { background-color: #3B7ED1; color:#fff;  }
    .paginator .pag_unselect { background-color: #ccc; color:#666;  }
    .paginator a:hover { background-color: #3B7ED1; color:#fff; text-decoration:none;  }
	
	
	
/* generals */
    h1 { clear:both; overflow:hidden; margin:10px 0 5px 0; font-size:22px; color:#333; }
    h1.top { margin-top:20px; }
	h2 { font-size:13px; color:#666; font-weight:bold; }
	h3 { font-size:15px; color:#3b7ed1;   border:1px dashed #CCCCCC; width:99%; text-transform:uppercase; padding:8px 5px; margin-bottom:15px; clear:both; overflow:hidden; background-color:#e6f2f8;  }
	
	.orderImg { float:left; padding:0 0 0 1px; }
	
	.productType { position:absolute; right:0; top:20px; }
	
	
	
/* buttons */
	.button01 { padding:3px 5px; color:#fff; margin-right:10px; font-size:12px; font-weight:bold;  cursor:pointer; }
	.button01.color01 { background-color:#3b7ed1; }
	.button01.color02 { background-color:#ca0707;  }
	.button01:hover { background-color:#ccc; color:#3b7ed1; text-decoration:none; }

/* formularios */
	input, textarea, select  { clear:both; overflow:hidden; float:left; margin-top:4px; background-color:#efefef; border:2px solid #CCCCCC; padding:5px; font-size:13px; width:100%; }
	textarea { height:70px; }
	select { padding:4px 8px; }
	label { clear:both; overflow:hidden;  float:left; color:#666666; font-size:12px; font-weight:bold; }
	
	
	.itemForm { float:left; width:300px; margin:0 30px 20px 0; overflow:visible; }
	.itemForm.small { width:135px; }
	.itemForm.large { clear:both; width:99%; }
	
	
	.operations { clear:both; width:99%; overflow:hidden; border:1px dashed #CCCCCC; padding:8px 5px; }
	.operations span { padding:5px 0 0 5px; color:#3b7ed1; float:left; width:auto; font-size:15px; font-weight:bold; text-transform:uppercase;  }
	.operations a.button01 { float:right; margin-top:1px;  }
	.operations input.button01 { float:right; width:auto; margin-top:0; clear:none; }

 	.information { clear:both; overflow:hidden;  float:left; color:#666666; font-size:12px; margin-bottom:5px; }

	.operationsOption { float:left; margin-top:1px; margin:6px 0 0 20px; }
	.operationsOption input { float:left; margin:1px 5px 0 0; width:auto; }
	.operationsOption label { float:left; margin-top:1px;  width:auto; clear:none; }
	
ul.multi-select input, .selector-window input {
	width:auto;	
}
	
ul.multi-select {
	height:195px;
	width: 350px;
	overflow:auto;
	border:2px solid #CCCCCC;
	padding:5px;
	background-image:url(../images/layout/input-background.gif);
	background-repeat:repeat-x;
	background-position:left top;	
	background-color:#f8f8f8;
}

ul.multi-select li {
	border-bottom:1px dotted #ccc;
}
ul.multi-select li:last-child {
	border:0;
}

/* selector window */
.selector-window {
	background-color:#fff;
	padding:5px;
}
.selector-window h3 {
	margin-bottom:10px;
}
.selector-window ul.listed {
	clear:both;
	overflow-y:auto;
	height:200px;
	border:1px solid #a0b4d5;
	padding:2px;
	background-image:url(../images/layout/input-background.gif);
	background-repeat:repeat-x;
	background-position:left top;	
	background-color:#f8f8f8;
}
.selector-window ul.listed li {
	padding:5px;
	border-bottom:1px dotted #ccc;
	overflow:hidden;
}
/* .selector-window ul.listed li:nth-child(even) { */
.selector-window ul.listed li:nth-child(odd) {
	/* background-color:#fefefe; */
}
ul.multi-select input, .selector-window ul.listed input {
  width:auto;
  margin-right:5px;
}
.selector-window ul.listed label {
	clear:none;
	display:inline;
	color:#000;
}
.selector-window ul.listed label.image {
	display:block;
	float:right;
	width:95%;
}
.selector-window ul.listed label img {
	float:left;
	margin-right:8px;
}
.selector-window ul.listed label p {
	float:left;
	overflow:hidden;
}

.selector-window .buttons {
	float:right;
	margin-top:10px;
}
.selector-window .buttons button {	
}
.selector-window .searcher {
	width:100%;
	overflow:hidden;
	float:left;
	clear:both;
}

/* multi-selector */
.selector-window .listed-box {
	width:600px;
	clear:both;
	overflow:hidden;
	padding:10px 0;
	padding-top:5px;
	margin:10px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.selector-window .source-box,  .selector-window .destination-box {
	float:left;
}

.selector-window .listed-box .controls {
	float:left;
	padding:80px 10px;
	overflow:hidden;
}
.selector-window ul.multiple-listed {
	width:270px;
}
.selector-window .controls button {
	display:block;
}

/* listados */
td.order
{
  min-width: 80px;
  text-align: center;
  margin-top: 0px;
  margin-right: 2px;
  margin-bottom: 0px;
  margin-left: 2px;
}

a.down, a.up
{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  display: inline-block;
  width: 8px;
  height: 7px;
  background-repeat: no-repeat;
}

a.down
{
  background-position: center top;
  background-image: url("../images/icons/arrow_down.png");
}

a.down:hover, a.down.selected
{
  background-position: center bottom;
}

a.up
{
  background-position: center top;
  background-image: url("../images/icons/arrow_up.png");
}

a.up:hover, a.up.selected
{
  background-position: center bottom;
}



.searcher { float:right; margin-top:-10px; margin-right:10px; }
.searcher input { clear:none!important; width:140px; }
.searcher input[type="submit"] { width:90px; background-color:#0066CC; color:#fff; margin-left:10px; }


.table-controls {
	position:fixed;
	left:0;
	bottom:0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ccc;
	background-color:#eee;
	background-image: url("../images/layout/fieldset-background.jpg");
	background-repeat: repeat-x;
	background-position: left top;
	overflow:hidden;
	width:100%;
}

.table-controls ul {
	padding:2px 10px;
	overflow:hidden;
}

.table-controls li {
list-style:none;
	float:left;
	margin:2px 5px;
}
.icon-select-all {
	background-image:url(../images/icons/accept.png);
}
.icon-unselect-all {
	background-image:url(../images/icons/cancel.png);
}
.icon-users {
	background-image:url(../images/icons/user.png);
}
.icon-publish {
	background-image:url(../images/icons/tick.png);
}
.icon-no-publish {
	background-image:url(../images/icons/cross.png);
}
.icon-edit {
	background-image:url(../images/icons/pencil.png);
}
.icon-delete {
	background-image:url(../images/icons/delete.png);
}
.icon-export {
	background-image:url(../images/icons/export_excel.png);
}
.icon1 {
	display:block;
	padding:5px;
	padding-left:25px;
	background-position:5px center;
	background-repeat:no-repeat;
	color:#000;    font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.icon1:hover {
	background-color:#ccc;
	text-decoration:none;
}


.submenu {
	background-color:#eee;
	overflow:hidden;
	background-image:url(../images/layout/fieldset-background.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	border:1px solid #ddd;
	min-height:30px;
	margin-bottom:20px;
}

.submenu ul {
	list-style-type:none;
	list-style-position:outside;
	padding:0;
}

.submenu li {
	display:block;
	float:left;
	margin:1px 5px 1px 1px;
}

.submenu li a.icon {
	display:block;
}





.icon-newsletter {
	background-image:url(../images/icons/email.png);
}
.icon-add-newsletter {
	background-image:url(../images/icons/email_add.png);
}
.icon-newsletter-item {
	background-image:url(../images/icons/email_open.png);
}
.icon-add-newsletter-item {
	background-image:url(../images/icons/email_open_add.png);
}
.icon-newsletter-professional {
	background-image:url(../images/icons/user.png);
}
.icon-add-newsletter-professional {
	background-image:url(../images/icons/user_add.png);
}

.icon-shipment {
	background-image:url(../images/icons/email_go.png);
}
.icon-add-shipment {
	background-image:url(../images/icons/email_go.png);
}
.icon-subscribers {
	background-image:url(../images/icons/vcard.png);
}
.icon-add-subscribers {
	background-image:url(../images/icons/vcard_add.png);
}
.icon-stadistic {
	background-image:url(../images/icons/chart_bar.png);
}
.num-registers {
	float:right;
	margin-right:15px;
	font-size:11px;
	color:#999;
}

.num-registers select { font-size:10px; border:2px solid #ccc; background-color:#efefef; margin-left:5px; width:100px; float:right; clear:none; margin-top:-5px; }

.productType { width:660px; float:right;  }
.productType #month { float:left; width:100px; clear:none; font-size: 10px;
    border: 2px solid #ccc;
    background-color: #efefef;
    margin-right: 5px;
	margin-left: 5px;
    clear: none;
    margin-top: -5px;}
.productType #year { float:left; width:100px; clear:none; font-size: 10px;
    border: 2px solid #ccc;
    background-color: #efefef;
    margin-left: 5px;
    margin-right: 5px;
    clear: none;
    margin-top: -5px;}
.productType a { float:left; }


.container.login { padding:30px; width:400px; border:2px solid #ccc; display:block; float:left; background-color:#efefef; }
.container.login input[type="submit"] { cursor:pointer; background-color:#0066CC; color:#FFFFFF; width:120px; }
.container.login input { background-color:#fff; }
.container.login .element { padding-bottom:12px; float:left; }

tr.pagada { background-color:#63e045; }
tr.realizada { background-color:#f6b841; }
tr.rectificada { background-color:#fc727f; }