/*  
Theme Name: chives-tables
Theme URI: http://chives.de/css/style.css
Author: stefan eitel * chives - Buero fuer Webdesign Plus Darmstadt
Author URI: http://www.chives.de
*/

#input-table-wrap {
	width:100%;
	padding-top:10px;
	background-color:#F0F0F0;
	}

#input-table-wrap table {
	background-color: #FFFFFF;
	color: #333333;
	font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
	font-size: 11px;
	text-align: left;
	border:1px solid #cccccc;
	width:98%;
	margin:0px auto;
	}



#input-table-wrap table a:link, #input-table-wrap table a:visited,#input-table-wrap table a:active {
	background-color: transparent;
	color: #0033cc;
	text-decoration: none;
}

#input-table-wrap table a:hover {
	background: transparent;
	color: #000000;
	text-decoration: underline;
}

#input-table-wrap table caption {
	background-color: transparent;
	color: #333333;
	font-family: Georgia, serif;
	font-size: 16px;
	padding-bottom: 12px;
	padding-top:5px;
	padding-left: 8px;
	text-align: left;
	margin:0px auto;
	font-weight:bold;
}

.caption-text {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:14px;
	}


#input-table-wrap table,#input-table-wrap td,#input-table-wrap th {
	margin: 0px auto;
	padding: 6px;
	border-spacing:0px;

	vertical-align:top;
	
}

#input-table-wrap tbody td,#input-table-wrap tbody th {
	background-color: #FFFFFF;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #FFFFFF;
	/*padding:8px;*/
}




#input-table-wrap table tbody tr:hover td, form table tbody tr:hover th {
	background-color: #F7F7F7;
}


#input-table-wrap tbody tr {
	background-color:#F2F2F2;
	}

#input-table-wrap tbody tr#odd th,#input-table-wrap tbody tr#odd td {
	background-color: #E4E4E4;
	border-bottom: 2px solid #CCCCCC;
}



#input-table-wrap tbody tr#odd.error th,#input-table-wrap tbody tr#odd.error td {
	background-color:#FFEFF2;
border-bottom:1px solid #990000;
/*border-top:1px solid #990000;*/
	}


#input-table-wrap tbody tr.error th,#input-table-wrap tbody tr.error td {
	background-color:#FFEFF2;
border-bottom:1px solid #990000;
/*border-top:1px solid #990000;*/

	}


#input-table-wrap td,#input-table-wrap th {
	vertical-align: middle;
	background-color: #FFFFFF;
}

#input-table-wrap tfoot td,#input-table-wrap tfoot th {
	font-weight: bold;
	padding: 14px 8px 6px 9px;
}

#input-table-wrap thead th {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 19px;
	padding: 8px 8px 8px 8px;
	white-space: nowrap;
	background:#E2E6FF url('../Standard/Images/Scheme1/ecyg09/data-table/thead-tr-bgrnd.jpg') left bottom repeat-x;
	color:#E8E8E8;
	border-bottom:1px solid #002841;
	text-align:left;
}
#input-table-wrap thead tr {
	background: url('../Standard/Images/Scheme1/ecyg09/data-table/thead-tr-bgrnd.jpg') left center repeat-x;
	}

#input-table-wrap td#name {
	font-weight:bold;
	}
#input-table-wrap h3{	
	background-color: transparent;
	color: #333333;
	font-size: 14px;
	padding-left: 10px;
	text-align: left;
	padding-bottom:10px;
	margin-bottom:5px;
}
/* COPYING INPUT STYLES FOR DATA TABLES */
#data-table-wrap {
	width:100%;
	padding-top:10px;
	background-color:#F0F0F0;

	}

#data-table-wrap table {
	background-color: #FFFFFF;
	color: #333333;
	font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
	font-size: 11px;
	text-align: left;
	border:1px solid #cccccc;
	width:98%;
	margin:0px auto;
	}



#data-table-wrap table a:link, #data-table-wrap table a:visited,#data-table-wrap table a:active {
	background-color: transparent;
	color: #0033cc;
	text-decoration: none;
}

#data-table-wrap table a:hover {
	background: transparent;
	color: #000000;
	text-decoration: underline;
}

#data-table-wrap table caption {
	background-color: transparent;
	color: #333333;
	font-family: Georgia, serif;
	font-size: 16px;
	padding-bottom: 12px;
	padding-top:5px;
	padding-left: 8px;
	text-align: left;
	margin:0px auto;
	font-weight:bold;
}

.caption-text {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:14px;
	}


#data-table-wrap table,#data-table-wrap td,#data-table-wrap th {
	margin: 0px auto;
	padding: 6px;
	border-spacing:0px;

	vertical-align:top;
	
}

#data-table-wrap tbody td,#data-table-wrap tbody th {
	background-color: #FFFFFF;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #FFFFFF;
	/*padding:8px;*/
}





#data-table-wrap table tbody tr:hover td,#data-table-wrap tbody tr:hover th {
	background-color: #FFFFE7;
}

#data-table-wrap tbody tr {
	background-color:#F2F2F2;
	}

#data-table-wrap tbody tr#odd th,#data-table-wrap tbody tr#odd td {
	background-color: #E4E4E4;
	border-bottom: 2px solid #CCCCCC;
}



#data-table-wrap tbody tr#odd.error th,#data-table-wrap tbody tr#odd.error td {
	background-color:#FFEFF2;
border-bottom:1px solid #990000;
/*border-top:1px solid #990000;*/
	}


#data-table-wrap tbody tr.error th,#data-table-wrap tbody tr.error td {
	background-color:#FFEFF2;
border-bottom:1px solid #990000;

	}




#data-table-wrap tfoot td,#data-table-wrap tfoot th {
	font-weight: bold;
	padding: 14px 8px 6px 9px;
}

#data-table-wrap thead th {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 19px;
	padding: 8px 8px 8px 8px;
	white-space: nowrap;
	background:#002841 url(../Standard/Images/Scheme1/ecyg09/data-table/thead-tr-bgrnd.jpg) left bottom repeat-x;;
	color:#E8E8E8;
	/*border-bottom:1px solid #002841;*/
	text-align:left;
}
#data-table-wrap thead tr {
	backround: url(../Standard/Images/Scheme1/ecyg09/data-table/thead-tr-bgrnd.jpg) left center repeat-x;
	}

#data-table-wrap td#name {
	font-weight:bold;
	}
	
#data-table-wrap h3{
	background-color: transparent;
	color: #333333;
	font-size: 14px;
	padding-left: 10px;
	text-align: left;
	padding-bottom:10px;
	margin-bottom:5px;
	}
#data-table-wrap #user-button a.preview {
	margin-right:10px;
	margin-top:4px;
	}
#data-table-wrap label.desc {padding-top:0px;}
	
/* PREVIOUS DATA TABLE STUFF _ ADD BACK */	
	
.added {

	border:1px solid #006600;
	background-color:#E1F0D1;
	}
.removed {
	margin-top:8px;
	border:1px solid #990000;
	background-color:#FFDFE5;
	}
.upload-error-msg {
	color:#990000;
	}


/* ECYG recipient class names - no need to do anything yet - just to have*/
#data-table-wrap th.ecyg-r-name {}
#data-table-wrap td.ecyg-r-email {}
#data-table-wrap td.ecyg-r-message {}
#data-table-wrap td.ecyg-r-dept {}
#data-table-wrap td.ecyg-r-mgrname {}
#data-table-wrap td.ecyg-r-ngrtitle {}
#data-table-wrap td.ecyg-r-senddate {}

#data-table-wrap.accountFind {}
.accountFindUsername {}
.accountFindCustomername {}
.accountFindContactname {}
.accountFindCity {}
.accountFindState {}
.accountFindZip {}


#data-table-wrap.shoppingbasket h3{}
#data-table-wrap.shoppingbasket table.shoppingCart thead th {text-align:inherit;}
#data-table-wrap.shoppingbasket table.shoppingCart thead th.basket_th_Item {}
#data-table-wrap.shoppingbasket table.shoppingCart thead th.basket_th_Name {}
#data-table-wrap.shoppingbasket table.shoppingCart thead th.basket_th_Price {text-align:right;}
#data-table-wrap.shoppingbasket table.shoppingCart thead th.basket_th_Qty {text-align:center;}
#data-table-wrap.shoppingbasket table.shoppingCart thead th.basket_th_Total {text-align:right;}
#data-table-wrap.shoppingbasket table.shoppingCart td.basket_Item {}
#data-table-wrap.shoppingbasket table.shoppingCart td.basket_Price {}
#data-table-wrap.shoppingbasket table.shoppingCart td.basket_Name {} 
#data-table-wrap.shoppingbasket table.shoppingCart td.basket_Qty {} 
#data-table-wrap.shoppingbasket table.shoppingCart td.basket_Total {}
#data-table-wrap.shoppingbasket table.shoppingCart td.basket_Remove {}
#data-table-wrap.shoppingbasket table.shoppingCart td.basket_TotalRow {text-align:right;}
#data-table-wrap.shoppingbasket table.shoppingCart td.basket_TotalRow h2{text-align:center;color:#006198;padding-right:10px;font-size:22px;}
#data-table-wrap.shoppingbasket table.shoppingCart td.basket_TotalRow h3{font-size:14px;}
#data-table-wrap.shoppingbasket table.shoppingCart td.baskettotals {vertical-align:middle;text-align:left;}
#data-table-wrap.shoppingbasket span.basket_TotalRowData {font-size:20px;padding-left:10px;color:#333333;font-weight:bold;}

table.pendingorders th.pendingShipto{}
table.pendingorders th.pendingTotal{}
table.pendingorders th.pendingDate{}
table.pendingorders td.pendingView{}
table.pendingorders td.pendingAddress {}
table.pendingorders td.pendingTotalPoints {}
table.pendingorders td.pendingDateCreated {}

#data-table-wrap.accountOrderHistory {}
.accountOrderHistoryOrder {}
.accountOrderHistoryCustomername {}
.accountOrderHistoryContactname {}
.accountOrderHistoryCity {}
.accountOrderHistoryState {}
.accountOrderHistoryZip {}
.accountOrderHistoryPoints {}
.accountOrderHistoryDate {}







#data-table-wrap.orderDetail {}
#data-table-wrap.orderDetail table td.shippingaddress {}
#data-table-wrap.orderDetail table td.pointsused {}
#data-table-wrap.orderDetail td.orderDetailItem {}
#data-table-wrap.orderDetail td.orderDetailName {}
#data-table-wrap.orderDetail td.orderDetailQty {}
.orderDetailPointsEach {}
.orderDetailPointsTotal {}

#sortable-table-wrap td.accountOrderHistoryOrder {}
#sortable-table-wrap td.accountOrderHistoryCustomername {}
#sortable-table-wrap td.accountOrderHistoryContactname {}
#sortable-table-wrap td.accountOrderHistoryCity {}
#sortable-table-wrap td.accountOrderHistoryState {}
#sortable-table-wrap td.accountOrderHistoryZip {}
#sortable-table-wrap td.accountOrderHistoryPoints {}
#sortable-table-wrap td.accountOrderHistoryDate {}

#sortable-table-wrap.redemptionHistory {}
#sortable-table-wrap td.redemptionHistoryOrder {}
#sortable-table-wrap td.redemptionHistoryCustomername {}
#sortable-table-wrap td.redemptionHistoryContactname {}
#sortable-table-wrap td.redemptionHistoryCity {}
#sortable-table-wrap td.redemptionHistoryState {}
#sortable-table-wrap td.redemptionHistoryZip {}
#sortable-table-wrap td.redemptionHistoryPoints {}
#sortable-table-wrap td.redemptionHistoryDate {}
#sortable-table-wrap td.redemptionHistoryItem {}


.AwardHistory {}
.AwardDate {}
.AwardAmount {}
.AwardType {}
.AwardBy {}



/* Sortable Table Styles */
#sortable-table-wrap {
	width:100%;
	padding-top:10px;
	background-color:#F0F0F0;

	}
#sortable-table-wrap table
        {
        background-color: #FFFFFF;
	color: #333333;
	font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
	font-size: 11px;
	text-align: left;
	border:1px solid #cccccc;
	width: 98%;
        padding: 0;
        margin: 0 auto 1.5em auto;
        border-left: 1px solid #C1DAD7;
        border-collapse:collapse;
        }
.cs1
        {
        width:30em;
        }
.cs2
        {
        width:20em;
        }
.cs1 td,
.cs2 td,
#scientificNotation
        {
        text-align:right;
        }
caption
        {
        padding: 0 0 5px 0;
        margin:0 auto;
        width:auto;
        font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-align: right;
        }
#sortable-table-wrap th
        {
        font: bold 14px/26px /*"lucida grande", Verdana,*/ Arial, Helvetica, sans-serif;
        color: #4f6b72;
        /*border-right: 1px solid #C1DAD7;*/
        border-bottom: 1px solid #C1DAD7;
        border-top: 1px solid #C1DAD7;
        /*letter-spacing: 1px;*/
        /*text-transform: uppercase;*/
        text-align: left;
        padding: 6px 12px 4px 12px;
        background: #002841url(../Standard/Images/Scheme1/ecyg09/data-table/sortable/bg_header.jpg) no-repeat center right;
        vertical-align:middle;
        }
#sortable-table-wrap th.viewonly {background: #002841 url(../Standard/Images/Scheme1/ecyg09/data-table/sortable/bg_header.jpg) no-repeat center right;}
	
#sortable-table-wrap table tbody tr:hover td,#data-table-wrap tbody tr:hover th {
	background-color: #FFFFE7;
}

#sortable-table-wrap td.total
        {
        border-top: 0;
        border-left: 0;
        border-right: 1px solid #C1DAD7;
        background: none;
        text-align:right;
        font-weight:bold;
        text-transform:uppercase;
        letter-spacing:1px;
        }
#sortable-table-wrap thead th.sortable,
#sortable-table-wrap thead th.sortable-text,
#sortable-table-wrap thead th.sortable-date,
#sortable-table-wrap thead th.sortable-keep,
#sortable-table-wrap thead th.sortable-date-dmy,
#sortable-table-wrap thead th.sortable-date-mdy,
#sortable-table-wrap thead th.sortable-numeric,
#sortable-table-wrap thead th.sortable-currency,
#sortable-table-wrap thead th.sortable-sortByTwelveHourTimestamp,
#sortable-table-wrap thead th.sortable-sortIPAddress,
#sortable-table-wrap thead th.sortable-sortEnglishLonghandDateFormat,
#sortable-table-wrap thead th.sortable-sortScientificNotation,
#sortable-table-wrap thead th.sortable-sortImage,
#sortable-table-wrap thead th.sortable-sortFileSize,
#sortable-table-wrap thead th.sortable-sortAlphaNumeric,
#sortable-table-wrap thead th.sortable-sortEnglishDateTime

        {
        cursor:pointer;
        background: #002841 url(../Standard/Images/Scheme1/ecyg09/data-table/sortable/bg_header_sortable.jpg) no-repeat center right;
	color:#FFFFFF;
        padding: 6px 12px 4px 16px;
        }
#sortable-table-wrap thead th.forwardSort
        {
        background:#002841 url(../Standard/Images/Scheme1/ecyg09/data-table/sortable/bg_header_down.jpg) no-repeat center right;
        }
#sortable-table-wrap thead th.reverseSort
        {
        background:#002841 url(../Standard/Images/Scheme1/ecyg09/data-table/sortable/bg_header_up.jpg) no-repeat center right;
        }
#sortable-table-wrap thead th.forwardSort a,
#sortable-table-wrap thead th.reverseSort a
        {
        color:#FFFFFF;
        text-decoration:underline;

        }
/*
These styles should be added when very long tables are expected
th.sort-active
        {
        background:#002841 url(../media/bg_header_sorting.jpg) no-repeat 0 0;
        cursor:wait;
        }
th.sort-active a
        {
        color:#a80000 !important;
        cursor:wait;
        }
*/
#sortable-table-wrap th a
        {
        text-decoration:none;
        color: #CCCCCC;
        background:transparent;
	
        }
#sortable-table-wrap th a:link, #sortable-table-wrap th a:visited {
	color:#FFFFFF;}
	
#sortable-table-wrap td a
        {
        text-decoration:none;
        color:#239;
        background:transparent;
        }
#sortable-table-wrap td img
        {
        margin:0 auto;
        border:3px solid #ddd;
        }
#sortable-table-wrap td a:hover
        {
        color:#a84444;
        border-bottom:1px dotted #a80000;
        background:transparent;
        }
#sortable-table-wrap td
        {
        font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        padding: 6px 12px 6px 12px;
        color: #4f6b72;
        }
#sortable-table-wrap td.lft
        {
        text-align:left;
        }
#sortable-table-wrap tr.alt
        {
        background: #F5FAFA;
        color: #797268;
        }

/* Poor old Internet Explorer 6 has a bug that means we can't use background images for the table rows
   as it trys to download the image each and every time that it is used (which means a 1000 row table
   will produce 1000 http requests for the image in question) */
tr[class="alt"] td
        {
        background: #F5FAFA url(../media/td_alt.jpg) no-repeat;
        }
td[class~="alt"]
        {
        background:#edf3f3 url(../media/col_alt.jpg) no-repeat !important;
        }

/* Poor old Internet Explorer won't see the next two rules either as it doesn't get :first-child */
tbody tr.alt td:first-child
        {
        background: #F5FAFA url(../media/bullet2.gif) no-repeat;
        font-weight:bold;
        }
tbody tr td:first-child
        {
        background: #fff url(../media/bullet1.gif) no-repeat;
        font-weight:bold;
        }
/* Image free rules for Internet Explorer < 7 */
* html tr.alt td
        {
        background-color:#F5FAFA;
        }
* html tr td.alt,
* html tr.alt td.alt
        {
        background-color:#edf3f3;
        }


#sortable-table-wrap table tbody tr:hover td,#data-table-wrap tbody tr:hover th {
	background-color: #FFFFE7;
}
#sortable-table-wrap th.viewonly {background: #002841 url(../Standard/Images/Scheme1/ecyg09/data-table/sortable/bg_header.jpg) no-repeat center right;}

#data-table-small-nav {font-size:1em;}
#data-table-small-nav.right {float:right;}
#data-table-small-nav.left {float:left;}