/* 
    Document   : newsletter
    Created on : Oct 19, 2011, 4:47:06 PM
    Author     : Ariel Parra <ariel@rotterdam-cs.com>
    Description:
        Purpose of the stylesheet follows.
*/

.newsletter-admin-wrapper h1, .newsletter-admin-wrapper h2, .newsletter-admin-wrapper h3{
    margin: 10px;
}

.newsletter-admin-wrapper hr{
    border-top:  1px solid #BFBFBF !important;
}

.category-combo {
    width: 150px;
}

.article-viewer {
    width: 700px;
    height: 300px;
    overflow: auto;
    border: black thin solid;
}
#paginator span{
    padding: 2px;
}
#paginator{
    margin-bottom: 10px;
}

.newsletter-panel-action-submenu {
    width: 40px;
}

.newsletter-panel-column-action {    
    width: 70px!important;
}

.newsletter-panel-column-email, newsletter-panel-column-name, newsletter-panel-column-description {
    width: 200px;
}

.newsletter-panel-column-date {
    width: 100px;
}
.newsletter-panel-column-list, newsletter-panel-column-article {
    width: 100px;
}

.newsletter-panel-column-id{
    width: 10px;
}


.newsletter-forms-form {
    margin-bottom: 4px;
    margin-top: 6px
}

.newsletter-forms-form-panel {
   margin-top: 10px;
   margin-bottom: 10px;
}

.newsletter-forms-form table td{
    padding: 1px;
}

.newsletter-forms-form-panel label{
    margin-right: 10px;
}

.newsletter-forms-form-listbox{
    margin-right: 10px!important;
}

.newsletter-forms-input-text {
    width: 250px!important;
}
.newsletter-forms-input-textarea {
    width: 245px!important;
}


.newsletter-forms-column-left{
   width: 120px;
}

.newsletter-forms-column-right{
    width: 280px;
}

.newsletter-forms-button {
    margin-right: 10px!important;
}

.newsletter-forms-confirmation-delete-panel{
    margin-top: 5px;
}


/*Registartion Styles*/
.registration-sucess {
    font-size: medium;
}

.registration-form {
    width: 90%;
}

.newsletter-registration-column-left{
    width: 30%;
}

.newsletter-registration-column-right{
    width: 70%;
}

.registration-form-buttons {
    text-align: right;
}

.registration-form-buttons-left{
    text-align: left;
}

.newsletter-registration-input-text {
    width: 90%!important;
}

.newletter-registration-settings {
    text-align: left;
}

.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child {
    width: 200px!important;
}

.activationkey {
    display: none;
}

.registration-confirmation-messages {
    font-size: 15px;
    background-color: #BDE5F8;
    color: #00529B;    
    border: 1px solid;
    margin: 10px 0;
    margin-bottom: 10px;
    padding: 10px;
}

.newsletter-confirmation-msg {    
    /*
    text-align: center!important;
    display: none;
    */
    padding-bottom: 15px;
}
.newsletter-forms-column-1-filterlist{
  width: 180px;
  padding-right: 20px;
}
.newsletter-forms-column-2-filterlist{
  padding-right: 20px;
}
.newsletter-forms-column-3-filterlist{
  width: 20px;
}
.newsletter-forms-column-4-filterlist{
  width: 200px;  
}
.exportbutton{
    padding: 6px!important;
    margin-left: 10px;
}
.online-newsletter-viewer {
    padding: 20px;
}
.online-newsletter-viewer-container {
    width: 700px;
}
.templateArticleSelectorEditor{
    border-width: 1px;
    border-style: dotted;
    border-color: #bbbbbb;
    padding: 10px;
    margin: 5px;
}
.hiddenMsg{
    display: none;
}

.field-long{
    width: 250px;
}

.mail-long{
    width: 350px;
}

.info_form{
	height:20px;
	width:320px;
	min-width:100px;
}

.name{
	float:left;
	padding:6px 5px;
	height:20px;
	width:150px;
}

.lastname{
	float:left;
	padding:6px 5px;
	height:20px;
	width:150px;
}

.input_info{
	font-family:Arial, Helvetica, Tahoma;
	font-size:80%;
	font-weight:400;
	width:96%;
	border-radius:7px;
}

.email{
	height:20px;
	padding:4px 5px;
	max-width:320px;
	min-width:100px;
}

.input_email{
	font-family:Arial, Helvetica, Tahoma;
	font-size:80%;
	font-weight:400;
	width:95%;
	border-radius:7px;
}

.subcribersSearch{
	float: right;
	margin-top: 15px;
}

label{
	display: inline-block!important;
}


/*
  JQuery Styles Fixes
 --------------------
*/

.ui-pg-selbox{
    padding: 0px !important;
}

.ui-pg-input{
    padding: 0px !important;
    margin-top: 5px !important;
}

.ui-pg-table{
	margin-top: -2.5px !important;
}


/*--------------*/

input#firstName{
    font-family:Arial, Helvetica, Tahoma;
	font-size:80%;
	font-weight:400;
	width:75% !important;
	border-radius:7px;
	height:15px;
}

input#lastName{
    font-family:Arial, Helvetica, Tahoma;
	font-size:80%;
	font-weight:400;
	width:75% !important;
	border-radius:7px;
	height:15px;
}

input#email{
    font-family:Arial, Helvetica, Tahoma;
	font-size:80%;
	font-weight:400;
	width:90%;
	border-radius:7px;
	height:15px;
}

.aui .intranet label {
color: #555;
font-family: Arial,Helvetica,sans-serif !important;
font-weight: 400;
font-size: 85% !important;
}

.register {
  float:left;
  font-style:normal !important;
  margin-top:10px;
  margin-right:3px;
  margin-left:6px;
  background: #00649b;
  background-image: -webkit-linear-gradient(top, #00649b, #004971);
  background-image: -moz-linear-gradient(top, #00649b, #004971);
  background-image: -ms-linear-gradient(top, #00649b, #004971);
  background-image: -o-linear-gradient(top, #00649b, #004971);
  background-image: linear-gradient(to bottom, #00649b, #004971);
  -webkit-border-radius: 18;
  -moz-border-radius: 18;
  border-radius: 18px;
  font-family: Arial;
  color: #ffffff;
  font-size:85% !important;
  padding: 2px 15px 2px 15px;
  text-decoration: none;
}

.register:hover {
  background: #004971;
  background-image: -webkit-linear-gradient(top, #004971, #00649b);
  background-image: -moz-linear-gradient(top, #004971, #00649b);
  background-image: -ms-linear-gradient(top, #004971, #00649b);
  background-image: -o-linear-gradient(top, #004971, #00649b);
  background-image: linear-gradient(to bottom, #004971, #00649b);
  text-decoration: none;
}