/*

 *  File:         demo_table.css

 *  CVS:          $Id$

 *  Description:  CSS descriptions for DataTables demo pages

 *  Author:       Allan Jardine

 *  Created:      Tue May 12 06:47:22 BST 2009

 *  Modified:     $Date$ by $Author$

 *  Language:     CSS

 *  Project:      DataTables

 *

 *  Copyright 2009 Allan Jardine. All Rights Reserved.

 *

 * ***************************************************************************

 * DESCRIPTION

 *

 * The styles given here are suitable for the demos that are used with the standard DataTables

 * distribution (see www.datatables.net). You will most likely wish to modify these styles to

 * meet the layout requirements of your site.

 *

 * Common issues:

 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is

 *     no conflict between the two pagination types. If you want to use full_numbers pagination

 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,

 *     modify that selector.

 *   Note that the path used for Images is relative. All images are by default located in

 *     ../images/ - relative to this CSS file.

 */



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

 * DataTables features

 */
 
 #wpcontent{
	 
	 background:#ffffff;
 }

#col-left {

	width:90% !important;

}



#col-left-pop {

	width:90% !important;

}



.form-field input, .form-field textarea {

	width: auto !important;

}



.dataTables_wrapper {

	position: relative;

	clear: both;

	zoom: 1; /* Feeling sorry for IE */

	

}



.dataTables_processing {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 250px;

	height: 30px;

	margin-left: -125px;

	margin-top: -15px;

	padding: 14px 0 2px 0;

	border: 1px solid #ddd;

	text-align: center;

	color: #999;

	font-size: 14px;

	background-color: white;

}



.dataTables_length {

	width: 40%;

	float: left;

	padding:10px 0 10px 0px;

	

}



.dataTables_filter {

	width: 50%;

	float: right;

	text-align: right;

}



.dataTables_info {

	width: 60%;

	float: left;

	padding-bottom:5px;

}



.dataTables_paginate {

	float: right;

	text-align: right;

}



/* Pagination nested */

.paginate_disabled_previous, .paginate_disabled_next {

	height: 19px;

	float: left;

	cursor: auto;

	color: #111 !important;

}

.paginate_enabled_previous, .paginate_enabled_next {

	height: 19px;

	float: left;

	cursor: pointer;

	*cursor: hand;

	color: #111 !important;

}

.paginate_disabled_previous:hover, .paginate_enabled_previous:hover,

.paginate_disabled_next:hover, .paginate_enabled_next:hover {

	text-decoration: none !important;

}

.paginate_disabled_previous:active, .paginate_enabled_previous:active,

.paginate_disabled_next:active, .paginate_enabled_next:active {

	outline: none;

}



.paginate_disabled_previous,

.paginate_disabled_next {

	color: #666 !important;

}

.paginate_disabled_previous, .paginate_enabled_previous {

	padding-left: 23px;

}

.paginate_disabled_next, .paginate_enabled_next {

	padding-right: 23px;

	margin-left: 10px;

}



.paginate_disabled_previous {

	background: url('../images/back_disabled.png') no-repeat left -2px;

}



.paginate_enabled_previous {

	background: url('../images/back_enabled.png') no-repeat left -2px;

}

.paginate_enabled_previous:hover {

	background: url('../images/back_enabled_hover.png') no-repeat left -2px;

}



.paginate_disabled_next {

	background: url('../images/forward_disabled.png') no-repeat right -1px;

}



.paginate_enabled_next {

	background: url('../images/forward_enabled.png') no-repeat right -1px;

}

.paginate_enabled_next:hover {

	background: url('../images/forward_enabled_hover.png') no-repeat right -1px;

}







/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

 * DataTables display

 */

table.display {

	margin: 0 auto;

	clear: both;

	width: 100%;

	

	/* Note Firefox 3.5 and before have a bug with border-collapse

	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 

	 * border-spacing: 0; is one possible option. Conditional-css.com is

	 * useful for this kind of thing

	 *

	 * Further note IE 6/7 has problems when calculating widths with border width.

	 * It subtracts one px relative to the other browsers from the first column, and

	 * adds one to the end...

	 *

	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 

	 * then filling in the gaps with other borders.

	 */

}



table.display thead th {

	padding: 3px 18px 3px 10px;

	border-bottom: 1px solid black;

	font-weight: bold;

	cursor: pointer;

	* cursor: hand;

}



table.display tfoot th {

	padding: 3px 18px 3px 10px;

	border-top: 1px solid black;

	font-weight: bold;

}



table.display tr.heading2 td {

	//border-bottom: 1px solid #aaa;

}



table.display td {

	padding: 3px 10px;

}



table.display td.center {

	text-align: center;

}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

 * DataTables sorting

 */

#mailinggrouplist .sorting_asc {

	background: url('../images/sort_asc.png') no-repeat 0px 10px;



}



#mailinggrouplist .sorting_desc {

	background: url('../images/sort_desc.png') no-repeat 0px 5px;

}



#mailinggrouplist .sorting {

	background: url('../images/sort_both.png') no-repeat 0px;

}



#mailinggrouplist .sorting_asc_disabled {

	background: url('../images/sort_asc_disabled.png') no-repeat 0px 10px;

}



#mailinggrouplist .sorting_desc_disabled {

	background: url('../images/sort_desc_disabled.png') no-repeat 0px 5px;

}



#mailinggrouplist th a {

	padding-left:10px !important;

}



#messagelist .sorting_asc {

	background: url('../images/sort_asc.png') no-repeat 0px 10px;



}



#messagelist .sorting_desc {

	background: url('../images/sort_desc.png') no-repeat 0px 5px;

}



#messagelist .sorting {

	background: url('../images/sort_both.png') no-repeat 0px;

}



#messagelist .sorting_asc_disabled {

	background: url('../images/sort_asc_disabled.png') no-repeat 0px 10px;

}



#messagelist .sorting_desc_disabled {

	background: url('../images/sort_desc_disabled.png') no-repeat 0px 5px;

}



#messagelist a {

	padding-left:10px !important;

}



#memberlist .sorting_asc {

	background: url('../images/sort_asc.png') no-repeat 0px 10px;



}



#memberlist .sorting_desc {

	background: url('../images/sort_desc.png') no-repeat 0px 5px;

}



#memberlist .sorting {

	background: url('../images/sort_both.png') no-repeat 0px;

}



#memberlist .sorting_asc_disabled {

	background: url('../images/sort_asc_disabled.png') no-repeat 0px 10px;

}



#memberlist .sorting_desc_disabled {

	background: url('../images/sort_desc_disabled.png') no-repeat 0px 5px;

}



#memberlistdata th a {

	padding-left:10px !important;

}



#mailingrequestmanager, #mailinggrouplist, #importuser {

	width:75% !important;

	table-layout:auto;

}



#mailingrequestmanager_wrapper .dataTables_filter, #mailinggrouplist_wrapper .dataTables_filter, #importuser_wrapper .dataTables_filter {

	width:35%;

	float:left;

	text-align:right;

}



#mailinggrouplist_filter {

	padding:10px 0 10px 0px;

}



#mailingrequestmanager_wrapper .dataTables_paginate, #mailinggrouplist_wrapper .dataTables_paginate, #importuser_wrapper .dataTables_paginate {

	float:left !important;

	margin-left:50px !important;

}



#mailingrequestmanager .sorting_asc {

	background: url('../images/sort_asc.png') no-repeat 0px 10px;

}



#mailingrequestmanager .sorting_desc {

	background: url('../images/sort_desc.png') no-repeat 0px 5px;

}



#mailingrequestmanager .sorting {

	background: url('../images/sort_both.png') no-repeat 0px;

}



#mailingrequestmanager .sorting_asc_disabled {

	background: url('../images/sort_asc_disabled.png') no-repeat 0px 10px;;

}



#mailingrequestmanager .sorting_desc_disabled {

	background: url('../images/sort_desc_disabled.png') no-repeat 0px 5px;;

}

#mailingrequestmanager .header_tab .sorting_asc {
background: none !important;
}

#mailingrequestmanager th a {

	padding-left:10px !important;

}



th:active {

	outline: none;

}



.topRow {background: linear-gradient(to top, #ECECEC, #F9F9F9) repeat scroll 0 0 #F1F1F1; }





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

 * DataTables row classes

 */



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

 * Misc

 */

.dataTables_scroll {

	clear: both;

}



.dataTables_scrollBody {

	*margin-top: -1px;

}



.top, .bottom {

	padding: 15px;

	background-color: #F5F5F5;

	border: 1px solid #CCCCCC;

}



.top .dataTables_info {

	float: none;

}



.clear {

	clear: both;

}



.dataTables_empty {

	text-align: center;

}



tfoot input {

	margin: 0.5em 0;

	width: 100%;

	color: #444;

}



tfoot input.search_init {

	color: #999;

}



td.group {

	background-color: #d1cfd0;

	border-bottom: 2px solid #A19B9E;

	border-top: 2px solid #A19B9E;

}



td.details {

	background-color: #d1cfd0;

	border: 2px solid #A19B9E;

}





.example_alt_pagination div.dataTables_info {

	width: 40%;

}



.paging_full_numbers {

	width: 400px;

	height: 22px;

	line-height: 22px;

}



.paging_full_numbers a:active {

	outline: none

}



.paging_full_numbers a:hover {

	text-decoration: none;

}



.paging_full_numbers a.paginate_button,

 	.paging_full_numbers a.paginate_active {

	border: 1px solid #aaa;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	padding: 2px 5px;

	margin: 0 3px;

	cursor: pointer;

	*cursor: hand;

	color: #333 !important;

}



.paging_full_numbers a.paginate_button {

	background-color: #ddd;

}



.paging_full_numbers a.paginate_button:hover {

	background-color: #ccc;

	text-decoration: none !important;

}



.paging_full_numbers a.paginate_active {

	background-color: #99B3FF;

}



table.display tr.even.row_selected td {

	background-color: #B0BED9;

}



table.display tr.odd.row_selected td {

	background-color: #9FAFD1;

}





/*

 * Sorting classes for columns

 */

/* For the standard odd/even */



/* For the Conditional-CSS grading rows */

/*

 	Colour calculations (based off the main row colours)

  Level 1:

		dd > c4

		ee > d5

	Level 2:

	  dd > d1

	  ee > e2

 */

tr.odd.gradeA td.sorting_1 {

	background-color: #c4ffc4;

}



tr.odd.gradeA td.sorting_2 {

	background-color: #d1ffd1;

}



tr.odd.gradeA td.sorting_3 {

	background-color: #d1ffd1;

}



tr.even.gradeA td.sorting_1 {

	background-color: #d5ffd5;

}



tr.even.gradeA td.sorting_2 {

	background-color: #e2ffe2;

}



tr.even.gradeA td.sorting_3 {

	background-color: #e2ffe2;

}



tr.odd.gradeC td.sorting_1 {

	background-color: #c4c4ff;

}



tr.odd.gradeC td.sorting_2 {

	background-color: #d1d1ff;

}



tr.odd.gradeC td.sorting_3 {

	background-color: #d1d1ff;

}



tr.even.gradeC td.sorting_1 {

	background-color: #d5d5ff;

}



tr.even.gradeC td.sorting_2 {

	background-color: #e2e2ff;

}



tr.even.gradeC td.sorting_3 {

	background-color: #e2e2ff;

}



tr.odd.gradeX td.sorting_1 {

	background-color: #ffc4c4;

}



tr.odd.gradeX td.sorting_2 {

	background-color: #ffd1d1;

}



tr.odd.gradeX td.sorting_3 {

	background-color: #ffd1d1;

}



tr.even.gradeX td.sorting_1 {

	background-color: #ffd5d5;

}



tr.even.gradeX td.sorting_2 {

	background-color: #ffe2e2;

}



tr.even.gradeX td.sorting_3 {

	background-color: #ffe2e2;

}



tr.odd.gradeU td.sorting_1 {

	background-color: #c4c4c4;

}



tr.odd.gradeU td.sorting_2 {

	background-color: #d1d1d1;

}



tr.odd.gradeU td.sorting_3 {

	background-color: #d1d1d1;

}



tr.even.gradeU td.sorting_1 {

	background-color: #d5d5d5;

}



tr.even.gradeU td.sorting_2 {

	background-color: #e2e2e2;

}



tr.even.gradeU td.sorting_3 {

	background-color: #e2e2e2;

}





/*

 * Row highlighting example

 */

.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {

	background-color: #ECFFB3;

}



.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {

	background-color: #E6FF99;

}



.ex_highlight_row #example tr.even:hover {

	background-color: #ECFFB3;

}



.ex_highlight_row #example tr.even:hover td.sorting_1 {

	background-color: #DDFF75;

}



.ex_highlight_row #example tr.even:hover td.sorting_2 {

	background-color: #E7FF9E;

}



.ex_highlight_row #example tr.even:hover td.sorting_3 {

	background-color: #E2FF89;

}



.ex_highlight_row #example tr.odd:hover {

	background-color: #E6FF99;

}



.ex_highlight_row #example tr.odd:hover td.sorting_1 {

	background-color: #D6FF5C;

}



.ex_highlight_row #example tr.odd:hover td.sorting_2 {

	background-color: #E0FF84;

}



.ex_highlight_row #example tr.odd:hover td.sorting_3 {

	background-color: #DBFF70;

}





/*

 * KeyTable

 */

table.KeyTable td {

	border: 3px solid transparent;

}



table.KeyTable td.focus {

	border: 3px solid #3366FF;

}



table.display tr.gradeA {

	background-color: #eeffee;

}



table.display tr.gradeC {

	background-color: #ddddff;

}



table.display tr.gradeX {

	background-color: #ffdddd;

}



table.display tr.gradeU {

	background-color: #ddd;

}



div.box {

	height: 100px;

	padding: 10px;

	overflow: auto;

	border: 1px solid #8080FF;

	background-color: #E5E5FF;

}



.last {

    text-align: left;

}



.last a {

	text-decoration:none;

}

.dataTables_length label {

	cursor:auto !important;

}



.dataTables_filter label {

	cursor:auto !important;

}



.dataTables_filter input {

	height:30px !important;

}



.widefat thead th:last-of-type {

    border-top-right-radius: 3px;

    text-align: left;

}



table.widefat{margin-bottom:10px;}







.col-wrap p.submit {

   /* margin-top: -28px !important;*/

   text-align:center !important;

}







.form-table th, .form-wrap label {

    color: #222222;

    float: left;

    margin-right: 25px;

    text-shadow: 0 1px 0 #FFFFFF;

    width: 152px;

}



#addemailsetting  .form-field input, .form-field textarea {

    border-style: solid;

    border-width: 1px;

    float: left;

	margin-bottom:0px;

    width: 50%;

	 text-align: left;

}



.form-field input, .form-field textarea {

    border-style: solid;

    border-width: 1px;

    float: left;

	margin-bottom:14px;

    width: 50%;

	 text-align: left;

}



.form-field input#auto_delete_no{width:auto !important; float:none !important;}

.form-field input#auto_delete_yes{width:auto !important; float:none !important;}

.form-field input#archive_message{width:auto !important; margin-left:3px;}

.form-field input#auto_delete_limit{float:none !important; width:70px !important;}

/* attachment auto delete */

.form-field input#att_auto_delete_no{width:auto !important; float:none !important;}

.form-field input#att_auto_delete_yes{width:auto !important; float:none !important;}

.form-field input#att_auto_delete_limit{float:none !important; width:70px !important;}



/* attachment size limit */

.form-field input#size_limit_no{width:auto !important; float:none !important;}

.form-field input#size_limit_yes{width:auto !important; float:none !important;}

.form-field input#size_limit_value{float:none !important; width:70px !important;}



#addemailsetting  .form-field {



	    height: 0px !important;

}

.form-wrap .form-field {

    margin: 0 0 0px;

    padding: 0px 0;

	

}



.validate .form-field {



	    height: auto !important; clear:both;
		padding-top:30px;
		margin:25px;


}

.form-wrap{margin-top:20px;}





.form-field label {

    cursor: auto;

}





.col-wrap #addemailsetting  p.submit {

    margin-top: 0 !important;

	margin-left:0px;

}



.check_div { width:400px; float:left; }

.check_div .inner_check input { float:left; width:auto !important; margin-right:5px;}



.check_div .inner_check {width:200px; float:left; word-wrap: break-word; font-style:normal }



.ajaxContent {

	clear:both;

	padding-left:3%;

	padding-right:3%;

	width:90%;

}

.lft{

	float:left;

}

.rgt {

	float:left;

	margin-left:20px;

}

.innn {

	float:left;

}





.variableslist {

    margin-top: 10px;

    padding-left: 180px;

}

.variableslist_pop {

    padding-left: 120px;

}

.marginleft {

	margin-left:180px !important;

}

.clearbth {

	clear:both;

}

.check_div_fir {

	float:left;

	clear:both;

	font-weight:bold;

	margin-right:15px;

}

.outer_group_div {



}

.user_form_div .check_div_fir {

    clear: both;

    float: left;

    font-weight: normal;

    margin-right: 15px;

    width: 159px;

}

.user_form_div .check_div_imp {

    float: left;

    width: 350px;

}

#c_captcha {

	width:150px !important;

	margin-right:10px;

}

.check_div_imp { width:750px; float:left; }

.check_div_imp .inner_check_imp input { float:left; width:auto !important; margin-right:5px;}



.check_div_imp .inner_check_imp { float:left; word-wrap: break-word; font-style:normal; padding:5px; }



.ltfloat { float:left; margin-right:5px !important; }



/************** ICONS *********************/

.last a {

	padding:10px !important;

}



.add_subscriber { background: url('../images/user_add.png') no-repeat center; }

.view_users { background: url('../images/view_users.png') no-repeat center; }
.import_users { background: url('../images/import.png') no-repeat center; }
.archive_messages { background: url('../images/view_archive.png') no-repeat center; }

.edit_record { background: url('../images/edit.png') no-repeat center; }
.total_del_user { background: url('../images/bin.png') no-repeat center; }
.delete_record { background: url('../images/delete.png') no-repeat center; }

.approve_record { background: url('../images/tick.png') no-repeat center; }

.reject_record { background: url('../images/delete.png') no-repeat center; }

.view_record { background: url('../images/zoom-in.png') no-repeat center; }

.send_mail { background: url('../images/mail_outgoing.png') no-repeat center !important; }
.close_popup { background: url('../images/mg_close.png') no-repeat center !important;width:16px;height:16px; }
.mg_loading { background: url('../images/mg_loading.gif') no-repeat center !important;width:75%;height:16px; }
.wpmg_import_img{ background: url('../images/wpmg_import_wordpress_users.png') no-repeat center !important;width:100%;height:46px; }
.wpmg_mailing_group_icons{ background: url('../images/wpmg_mailing_group_icons.png') no-repeat!important;width:100%;height:220px; }
.tabs_icons {

	margin-left:20px;

	margin-top:20px;

}

.icon_content{

	float:left;

}

.activeicon {

	border:1px solid #000000;

	padding:10px;

	background-color:#E6E6E6;

	margin-top:-10px;

}

.backlink {

	font-size:12px;

	padding:5px;

}



.codeexample {

	/*margin-left:180px !important;*/

}



#approvedeleterequest .tablenav {

    margin: 6px 0 10px !important;

	width:72% !important;

}

#pop_server {

	color:#666666;

	font-style:italic;

	text-align: left;

	width:250px !important;

}

#smtp_server {

	color:#666666;

	font-style:italic;

	text-align: left;

	width:250px !important;

}

#pop_server:focus {

	color:#000000;

	font-style:normal;

	width:250px !important;

}

#smtp_server:focus {

	color:#000000;

	font-style:normal;

	width:250px !important;

}

#addgroup #title {

	color:#666666;

	font-style:italic;

	text-align: left;

	width:250px !important;

}

#addgroup #title:focus {

	color:#000000;

	font-style:normal;

	width:250px !important;

}

#addgroup #email {

	color:#666666;

	font-style:italic;

	text-align: left;

	width:250px !important;

}

#addgroup #email:focus {

	color:#000000;

	font-style:normal;

	width:250px !important;

}

#addgroup #sender_name {

	color:#666666;

	font-style:italic;

	text-align: left;

	width:265px !important;

}

#addgroup #sender_name:focus {

	color:#000000;

	font-style:normal;

	width:265px !important;

}

#addgroup #sender_email {

	color:#666666;

	font-style:italic;

	text-align: left;

	width:265px !important;

}

#addgroup #sender_email:focus {

	color:#000000;

	font-style:normal;

	width:265px !important;

}
#addgroup #status {
	color:#666666;
	font-style:italic;
	text-align: left;
}
#addgroup #status:focus {
	color:#000000;
	font-style:normal;
}
#addgroup #visibility {
	color:#666666;
	font-style:italic;
	text-align: left;
}
#addgroup #visibility:focus {
	color:#000000;
	font-style:normal;
}
#addgroup #pop_username, #addgroup #pop_password, #addgroup #smtp_username,
#addgroup #smtp_password   
 {
	color:#666666;
	font-style:italic;
	text-align: left;
}
#addgroup #pop_username:focus, #addgroup #pop_password:focus, 
#addgroup #smtp_username:focus, #addgroup #smtp_password:focus {
	color:#000000;
	font-style:normal;
}

.noteclass{

	font-size:15px !important;

	clear:both !important;

	/*margin-left: 185px !important;*/
	
	color:blue!important;

}

.codemail {

	margin 0px !important;

	padding:0px !important;

}

#subscription_email {

	color:#666666;

	font-style:italic;

	text-align: left;

	width:250px !important;

}

#subscription_email:focus {

	color:#000000;

	font-style:normal;

	width:250px !important;

}

#bounce_alert_email {

	color:#666666;

	font-style:italic;

	text-align: left;

	width:250px !important;

}

#bounce_alert_email:focus {

	color:#000000;

	font-style:normal;

	width:258px !important;

}

.lftcode{

	float:left;

}

.toplevel_page_mailinggroup_intro .wp-first-item {

    /*display: none !important;*/

}



#addgroup #pop_port {

	width:40px !important;

}

#addgroup #smtp_port {

	width:40px !important;

}

input[type=checkbox], input[type=radio] {

	margin: 0px !important;

}

#addgroup textarea {

	width:510px !important; 

}

#styleform textarea {

	width:400px !important;

}

.div800 {

	width:800px;

}

.hidetd{display:none;}



.pimportcsv { clear:both; }