/* 

BRAND STYLE SHEET FOR Ackura PromoSender V1.0 - 
Created by Richard Clark, Andy Holt, David Kinsella
www.kmp.co.uk

/* ================ TABLE OF CONTENTS ======================

1. GRID VIEW
2. MENU
3. TABSTRIP
------------------------------------------------
4. OTHER (From Skin Stylesheet)
	4.1 RESET
	4.2 DEFAULT
	4.3 STRUCTURE
	4.4 BUTTONS
------------------------------------------------
5. HACKS	

/* =============== NOTES =======================

You may only alter the properties in this stylesheet or add new ones if absolutely necessary. These will override all other styles to create the branded skin.

Note: Not all menu styles have been copied it is possible to use arrows to identify which signify which areas expand etc but this hasn't been done.

Remember to alter image paths to background images where appropriate.

/* ====================
COLOUR REFERENCE SHEET
-----------------------

Page Background: #ffffff;
Primary Font: #000000;
h1 [#signpost]: #E35500;
actionform background: #dddddd;

------------------------
===================== */

/* ================ 
1. GRID VIEW
===========================*/


.RadGrid_Ackura {
    border:1px solid #232323;
    background:#d4d0c8;
    color:#333;
}

.MasterTable_Ackura {
    background:url(../../RadControls/Grid/Skins/Ackura/img/headerBg.gif) -2px 0 repeat-x;
}

.MasterTable_Ackura td {
	color:#fff;
}

.MasterTable_Ackura .GridHeader_Ackura,
.MasterTable_Ackura .ResizeHeader_Ackura {
    background:#c3c3c3 url(../../RadControls/Grid/Skins/Ackura/img/headerBg.gif) repeat-x;
    border-bottom:1px solid #3c3c3c;
}

.MasterTable_Ackura table {
	border-left:2px solid #3c3c3c;
	border-bottom:1px solid #3c3c3c;
}

.MasterTable_Ackura td {
	background:#fff;
}

.GridHeader_Ackura,
.GridHeader_Ackura a {
    color: #fff;
    font-weight:bold;
    text-decoration:none;
}

.GridRow_Ackura td {
    background-color:#fff;
}
.GridAltRow_Ackura td {
    background-color:#ccc;
}

.GridRow_Ackura td,
.GridAltRow_Ackura td {
    border-left:1px solid #666666;
    color:#333;
}

.GridRow_Ackura td:first-child,
.GridAltRow_Ackura td:first-child {
    background-image:none;
}

.SelectedRow_Ackura td,
.GridEditRow_Ackura td {
    background:#ffc099;
}

.ActiveRow_Ackura td {
    background:#3c3c3c;
}

.GridEditRow_Ackura td {
    border-left:1px solid #666666;
}

.GridEditForm_Ackura table {
	background:none transparent;
	border-bottom:1px solid red;
}

.GridEditForm_Ackura table td {
	color:#3c3c3c;
	border:0;
}

.GridEditRow_Ackura a {
	color:#fff;
}

.GridRow_Ackura a,
.GridAltRow_Ackura a,
.GridEditForm_Ackura table a {
	color:#3c3c3c;
}

.SelectedRow_Ackura a {
	color:#fff;
}

.SelectedRow_Ackura td,
.GridEditRow_Ackura td,
.ActiveRow_Ackura td {
    color:#3c3c3c;
}

.GridFooter_Ackura td {
    background:#fff;
}

.GridFooter_Ackura td {
    border-top:1px solid #666666;
    color:#666;
}

.GridPager_Ackura td {
    background:#c3c3c3 url(../../RadControls/Grid/Skins/Ackura/img/headerBg.gif) repeat-x;
}

.GridPager_Ackura td {
    border-top:1px solid #ccc;
    color:#fff;
    font-weight:bold;
}

.GridPager_Ackura a {
    color:#ffc099;
}

.GroupPanel_Ackura,
.GridCommandRow_Ackura td {
    background:#1f1f1f url(../../RadControls/Grid/Skins/Ackura/img/groupBg.gif) repeat-x;
    border-top:1px solid #3c3c3c;
    color:#515050;
    font-weight:normal;
}

.GridCommandRow_Ackura td td {
	background:none transparent;
	border:0;
}

.GridCommandRow_Ackura a {
	color:#9a9a9a;
	text-decoration:none;
}

.GroupHeader_Ackura {
    background:#fff;
    font-weight:bold;
    color:#333;
}

.GroupHeader_Ackura td {
    background:url(../../RadControls/Grid/Skins/Ackura/img/groupHeaderBg.gif) left center repeat-x #fff;
	color:#333;
}

.GroupHeader_Ackura td p {
    background:#fff;
}

.GroupHeader_Ackura td div div {
	background:#fff;
}

.GridFilterRow_Ackura td {
    background:#929292 url(../../RadControls/Grid/Skins/Ackura/img/filterBg.gif) left center no-repeat;
    border-bottom:1px solid #696969;
}

.GridFilterRow_Ackura td:first-child {
	background-image:none;
}

.GridFilterRow_Ackura input {
    border:1px solid #626262;
}

.GridFilterMenu_Ackura .GridFilterMenuSelectColumn_Ackura {
    background:#e4e4e4;
    text-align:center;
}

.GridFilterMenu_Ackura .GridFilterMenuTextColumn_Ackura {
    background:#fff;
    color:#333;
}

.GridFilterMenu_Ackura .GridFilterMenuHover_Ackura {
    background:#4c4c4c;
    color:#fff;
}

.TopReorderIndicator_Ackura {
	background: url(../../RadControls/Grid/Skins/Ackura/img/MoveDown.gif) no-repeat;
}

.BottomReorderIndicator_Ackura {
	background: url(../../RadControls/Grid/Skins/Ackura/img/MoveUp.gif) no-repeat;
}

.SelectedRow_Ackura td, .GridEditRow_Ackura td {
	background:#fff;
}


/* ================ 
2. MENU
===========================*/

.RadMenu_Ackura {
	border: 1px solid #010101; /* this declares bottom and side borders */
	border-top-color: #383838; /* DO NOT DELETE, set to the same colour as other borders if required. */
	background: #444 url(../../RadControls/Grid/Skins/Ackura/img/MenuBackground.gif) repeat-x top left;
}

.RadMenu_Ackura a {
	text-decoration: none;
}

.RadMenu_Ackura .link {
	text-decoration: none;
	color: #fff;
}

.RadMenu_Ackura .rootGroup .link:hover,
.RadMenu_Ackura .rootGroup .focused,
.RadMenu_Ackura .rootGroup .expanded {
	background-color: #fff;
	color: #333;
}

.RadMenu_Ackura .rootGroup .link .text {
	font: normal 12px Arial, sans-serif; /* do not alter size */
}

.RadMenu_Ackura .group {
	background: #fff;
}

.RadMenu_Ackura .group .link {
	text-decoration: none;
	color: #333;
	background: #fff;
}

.RadMenu_Ackura .group .link:hover,
.RadMenu_Ackura .group .focused,
.RadMenu_Ackura .group .expanded {
	color: #fff;
	background: #444;
}

.RadMenu_Ackura .rootGroup .item .disabled .text,
.RadMenu_Ackura .group .item .disabled .text {
	color: #999;
}

.RadMenu_Ackura .rootGroup .item .disabled {
	background: none;
}

.RadMenu_Ackura .group .item .disabled {
	background-color: #fff;
}

.RadMenu_Ackura .rootGroup .separator {
	background-color: #8f8f8f;
	border-top: 1px solid #676767;
}

.RadMenu_Ackura .vertical .separator {
	border: 0;
	background-color: #8f8f8f;
}

/* ================ 
3. TABSTRIP
===========================*/

.RadTabStrip_Ackura {
	font-weight: bold;
}

.RadTabStrip_Ackura li a {
	text-decoration: none;
	color: #fff !important;
	background: transparent url(../../RadControls/Tabstrip/Skins/Ackura/img/tabStripBg.gif) repeat-x 0 0;
	border: 0px solid #666;
}

.RadTabStrip_Ackura li a:hover
{
	border-color: #666;
	border-bottom-color: #666;
	/*background: transparent url('Img/tabStripBgOver.gif') repeat-x 0 0;*/
    color: #b33325 !important;
	background:#ddd;
}

.RadTabStrip_Ackura li a.selected
{
	background: #dddddd;
	border-bottom: 1px solid #ddd;
    color: #b33325 !important;
	margin:0;
}

.RadTabStrip_Ackura li a.selected:hover
{
	border-color: #666;
	border-bottom-color: #ddd;
	background: #dddddd;
}

.RadTabStrip_Ackura li a.disabled,
.RadTabStrip_Ackura li a.disabled .wrap,
.RadTabStrip_Ackura li a.disabled .innerWrap
{
}

.RadTabStrip_Ackura li a.disabled,
.RadTabStrip_Ackura li a.disabled:hover
{
	background: transparent url(../../RadControls/Tabstrip/Skins/Ackura/img/tabStripBg.gif) repeat-x 0 0;
	color:#999999 !important;
}

/* ================ 
4. OTHER
===========================*/

/* ================ 
4.1 RESET
===========================*/

body {
    font-family: Arial, Helvetica, Sans-Serif;
    background-color:#ffffff;
}

/* ================ 
4.2 DEFAULT STYLES
===========================*/

hr {
    border-top: 1px solid #3c3c3c;
}

h3 {
    font-weight: bold;
    color: #b33325;
}

.thumbnail {
	border:1px solid #aaaaaa;
}

/* ================ 
4.3 STRUCTURE
===========================*/

#header {
	background-color:#ffffff;
}

#logo  {
    background-image: url(logo_pr.png);
}

#signpost {
    font-weight: bold;
    color: #b33325;
    border-bottom: solid 1px #b33325;
}

a {
	color:#b33325;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

#errormsg {
    font-weight: bold;
    background-color: #FFC4C4;
    color: #ff0000;
}

#successmsg {
    font-weight: bold;
    background-color: #C4FFC4;
    color: #006600;
}

#footer {
    border-top: #383838 1px solid;
}

.actionform{
    background-color:#ddd;
}

.actionform-secondary {
    background-color:#eee;
}


.formactionbuttons {
    background-color:#ccc;
}

/* ================ 
4.4 BUTTONS
===========================*/

/* Nothing in here for the time being, reskinning buttons will take a long time for each reskin and I'm not sure that they will benefit from being skinned. - RC 07/04/08 */


/* ================ 
4.5 FORMS
===========================*/

.actionform input, .actionform textarea, .actionform select {
    border:solid 1px #999;
}

.actionform-secondary input, .actionform-secondary textarea, .actionform-secondary select {
    border:solid 1px #999;
}

/* ================ 
4.6 UTILITY CLASSES
===========================*/

.importantmessage {
    border: #ffff99 5px dashed;
    background-color: #ffffcc;
}

/* ================ 
4.7 IMAGE SELECTOR
===========================*/

img.ImageSelector  {
	border: solid 5px #ccc;
}

img:hover.ImageSelector {
	border-color: #888;
}

img:active.ImageSelector {
	border-color: #9F4120;
}

img.active.ImageSelector {
	border-color: #f63;
}

/* ================ 
4.8 TOOLTIPS
===========================*/

.balloonstyle {
	border: 1px solid black;
	background-color: #feefe8;
}

.balloonstyle h1 {
	border-bottom:1px solid #525252;
}


/*==================================
5. HACKS
===================================*/

/*==================================
5.1 DATATABLE
===================================*/

.dataTable {
	border: solid #232323 1px;
	background:#fff;
}
.dataTable tr th {
	color:#FFC099;
	border: solid #232323 1px;
	background: #C3C3C3 url(../../img/columnHeaderBg.gif) repeat-x scroll 0%;
}
.dataTable tr td {
	border-left: solid #232323 1px;
	border-right: solid #232323 1px;
}
.dataTable tr.rowAlt {
	background-color: #CCCCCC;
}
.dataTable tr td a {
	color: #000;
}

/* ==============================
5.2 TABSTRIP
=================================*/

.tabstrip-reports a {
	text-decoration: none;
	color: #ffc099;
	background: transparent url(../../img/tabStripBg.gif) repeat-x 0 0;
	border: 0px solid #666;
	font-weight:bold;
}

.tabstrip-reports a:hover {
	color: #E35500;
	background:#ddd;
	font-weight:bold;
}

a.selectedTab {
	background: #ddd;
	color: #E35500;
}

.tabbedarea {
	border: solid 1px #e0e0e0;
	background:#ddd;
}

/*===================================
5.3 PAGING  - NOT FOR TABLE PAGING THAT IS IN RadControls but that outside of RADControls 
====================================*/

.pager {
    background:url(../../img/columnHeaderBg.gif) repeat-x #5c5c5c bottom !important;
    border-top:1px solid #ccc;
    color:#fff;
    font-weight:bold;
}

.pager a
{
    color:#ffc099;
}