/*dnnLabel Override*/
.dnnLabel {
    width: 12em;
    text-align: left;
    font-weight: bold;
}
/**
CHANGE LOG
25/05/2010 - Task 715 - Mark Smith - [0] Page created
17/07/2010 - Task 735 - Mark Smith - [0] Many pages completely restyled (effectively re-written)
27/08/2010 - Task 765 - Mark Smith - [1] Paper Petition styling on EditEPetition.ascx and ViewEPetition.ascx
28/09/2010 - Task 795 - Mark Smith - [2] Text entry formatting for AddPetition.ascx
19/11/2010 - Task 859 - Mark Smith - [3] CSS addition for new pages and elements for Categoires/Locations/Subscriptions
**/


/* ===================================== */
/* Module specific Styles                */
/* ===================================== */

/* legacy styles */
.ePetitionWrapper .FormHolder {clear:both;height:auto;width:100%;padding-top:10px;}
.ePetitionWrapper .FormLabel {clear:both;float:left;color: #000000;text-align:left;width:150px;font-weight: bold !important;}
.ePetitionWrapper .FormEntry {text-align:left;float:left;width:60%;}
.ePetitionWrapper .FormButton {margin-top:20px;background-color:#dcdcdc;clear:both;}
.ePetitionWrapper .ClearBoth {clear:both;}
.ePetitionWrapper .ButtonHolder {margin-top:10px; padding:10px; clear:both;text-align:left;background-color:#DCDCDC;}

/* new global module styles */

/* Bold Grid Headings */
.ePetitionWrapper .RadGridWrapper .ColumnHeading,
.ePetitionWrapper .RadGridWrapper .ColumnHeading a { font-weight: bold;}

/* Underline title links in grids */
.RadGridWrapper td.TitleColumn a,
.RadGridWrapper td.TitleColumn a:link,
.RadGridWrapper td.TitleColumn a:visited,
.RadGridWrapper td.TitleColumn a:active { /*text-decoration: underline;*/ }

/* grey-out labels of disabled inputs */
.RadForm.rfdLabel label.rfdInputDisabled { color: #D0D0D0; } /* [3] */

/* Force Errors points */
.ePetitionWrapper .Error {color:#FF0000;}


.ePetitionWrapper .LinkWrapper { clear: both; margin-top: 10px; }

/* ===================================== */
/* Page Specific Styles                  */
/* ===================================== */


/* [3] - Start of change */

/* ===================================== */
/* MainView.ascx                         */
/* ===================================== */

.SubModuleControlPanel { clear: both; float:left; padding-bottom: 10px; padding-top: 10px; }
.SubModuleControlPanel .DNNLabel { float: left; padding-left: 1em; }
.SubModuleControlPanel .Module { clear: both; }
.SubModuleControlPanel .Value { float: left; padding-left: 1em; }
.SubModuleControlPanelSep { clear:both; padding-bottom: 10px; }

/* [3] - End of change */


/* ===================================== */
/* ViewEPetitions.ascx                   */
/* ===================================== */
.ViewEPetitions {}
.ViewEPetitions .SubmitPetition { margin-top: 10px; }
.ViewEPetitions .RadTabStripWrapper { margin-top: 10px; }
.ViewEPetitions .RadMultiPageWrapper { margin-bottom: 10px;}
.ViewEPetitions .ActiveGrid { margin-top: 10px; margin-bottom: 10px; }

.ViewEPetitions .RadGridWrapper .ViewColumn { width: 3em; }
.ViewEPetitions .RadGridWrapper .TitleColumn { text-align: left; }
.ViewEPetitions .RadGridWrapper .SignaturesColumn { width: 6em; text-align: center; }
.ViewEPetitions .RadGridWrapper .EndDateColumn { width: 8em; }
.ViewEPetitions .RadGridWrapper .StartDateColumn { width: 8em; }
.ViewEPetitions .RadGridWrapper .StatusColumn { width: 6em; }
td.AdHocEmailColumn { padding-left: 30px !important; }
.ViewEPetitions .RadGridWrapper .HitsColumn { width: 2em; }


/* ===================================== */
/* EditEPetition.ascx                    */
/* ===================================== */
/*.EditEPetition .CancelButton { float: right; }*/
.EditEPetition .PaperPetitionsGrid { clear: both; padding: 3px; }

.EditEPetition .FormLabel { margin-top: 3px; margin-bottom: 3px; }
.EditEPetition .FormEntry { margin-top: 3px; margin-bottom: 3px; }
.EditEPetition .ManageCategoriesLink { margin-top: 3px; margin-bottom: 3px; }

/* [1] - start of change */
.EditEPetition .EditColumn, 
.EditEPetition .DeleteColumn,
.EditEPetition .SignaturesColumn,
.EditEPetition .SizeColumn  { width: 3em; }

.PaperPetitionEditFormWrapper { padding: 5px; }

.PaperPetitionEditFormWrapper .LabelWrapper { clear: both; overflow: hidden; }
.PaperPetitionEditFormWrapper .DNNLabel { float: left; clear: left; width: 11em; }
.PaperPetitionEditFormWrapper .Value { float:left; }

.PaperPetitionEditFormWrapper .Title .Value { width: 30em; }
.PaperPetitionEditFormWrapper .Title .Value input { width: 30em; }

.PaperPetitionEditFormWrapper .Signatures .Value { width: 5em; }
.PaperPetitionEditFormWrapper .Signatures .Value input { width: 3em; }


.PaperPetitionEditFormWrapper .Update {
    background-image: url("../../Images/cmis/edit_small.gif");
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 30px;
    display: inline-block;
    line-height: 30px; 
}

.PaperPetitionEditFormWrapper .Insert {
    background-image: url("../../Images/cmis/upload_small.gif");
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 30px;
    display: inline-block;
    height: 30px;
    line-height: 30px; 
}

.PaperPetitionEditFormWrapper .Cancel {
    background-image: url("../../Images/cmis/cancel_small.gif");
    background-position: left;    
    background-repeat: no-repeat;
    padding-left: 30px;
    display: inline-block;
    height: 30px;  
    line-height: 30px;   
}
/* [1] - end of change */

.ePetitionWrapper .LocationInputs {float: left; width: auto; } /* [3] */

/* ===================================== */
/* EditEPetitions.ascx                   */
/* ===================================== */

/* Panels and areas */
.ManageEPetitions .RadTabStripWrapper { margin-top: 10px; }
.ManageEPetitions .RadMultiPageWrapper { margin-bottom: 10px;}
.ManageEPetitions .RadGridWrapper { margin-top: 10px; }
.ManageEPetitions .ReferredTab .ReferredTo,
.ManageEPetitions .ReferredTab .ReferredFrom { margin-top: 20px; }

/* Columns */
.ManageEPetitions td.TitleColumn { line-height: 20px; }
.ManageEPetitions .EditColumn { width: 24px; }
.ManageEPetitions .EditColumn a:hover { text-decoration: none; }
.ManageEPetitions .EditColumn a
{ 
    background-image: url("../../Images/CMIS/edit_smaller.gif");
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 24px;
    padding-bottom: 6px;
    padding-top: 12px;   
    display: block;
    text-indent: -9999px;       
}
.ManageEPetitions .EditColumn a:active {
    outline: none;
}

.ManageEPetitions .StartDateColumn,
.ManageEPetitions .EndDateColumn,
.ManageEPetitions .RejectionDateColumn,
.ManageEPetitions .ReferredDateColumn { width: 10em; }
.ManageEPetitions .StatusColumn,
.ManageEPetitions .ReferredByColumn { width: 16em; }

/* Labels in referrals grid */
.ManageEPetitions .ReferredTab .LabelWrapper { clear: both; overflow: hidden; margin-top: 5px; }
.ManageEPetitions .ReferredTab .DNNLabel { float: left; clear: left; width: 18em;}
.ManageEPetitions .ReferredTab .Value { float:left; }


/* ===================================== */
/* ViewEPetition.ascx                    */
/* ===================================== */
.ViewEPetition {}

.ViewEPetition .StatusPrompt { font-weight: bold; }

.ViewEPetition .StatusBar { float: right; }
.ViewEPetition .StatusBar .StatusItem { vertical-align: middle; display: inline-block; }
.ViewEPetition .StatusBar .Proposed { color: Green; }
.ViewEPetition .StatusBar .Approved { color: Orange; }
.ViewEPetition .StatusBar .Active { color: Red; }
.ViewEPetition .StatusBar .ResponsePending { color: Maroon; }
.ViewEPetition .StatusBar .Closed { color: Purple; }
.ViewEPetition .StatusBar .Separator { color: black; }
.ViewEPetition .StatusBar .Current { font-size: 150%; font-weight: bold; }

.ViewEPetition .LabelWrapper .Value label { color: inherit; }

.ViewEPetition .RadTabStripWrapper { margin-top: 10px; }
.ViewEPetition .RadMultiPageWrapper { margin-top: 10px; margin-bottom: 10px;}

.ViewEPetition .LabelWrapper { clear: both; overflow: hidden; margin-top: 5px; }
.ViewEPetition .DNNLabel { float: left; clear: left; width: 13em;}
.ViewEPetition .Value { float: left; }

.ViewEPetition .SignatureCount {}
.ViewEPetition .SignPetitionButton { margin-top: 10px; margin-bottom: 10px; }
.ViewEPetition .SignaturesGrid { margin-top: 10px; }
.ViewEPetition .SignaturesGrid .NameColumn { text-align: left; }
/* [1] - start of change */
.ViewEPetition .PaperPetitions { margin-top: 10px; }
.ViewEPetition .SignaturesGrid .ColumnFooter { text-align: right; }
.ViewEPetition .PaperPetition {}

.ViewEPetition .FileTypeImage { 
    vertical-align: middle; 
    padding: 2px 0 2px 0; 
}
/* [1] - end of change */

.ViewEPetition .ResponsePrompt {}
.ViewEPetition .ResponseText { margin-top: 10px; }

.ViewEPetition .HistoryGrid .HistoryDateColumn { white-space: nowrap; }


/* ===================================== */
/* SignEPetitions.ascx                   */
/* ===================================== */

.SignEPetitions .LabelWrapper { clear: both; overflow: hidden; margin-top: 5px; }
.SignEPetitions .DNNLabel { float: left; clear: left; width: 12em;}
.SignEPetitions .Value { float:left; }

.SignEPetitions .Email .Value input { width: 20em; }
.SignEPetitions .PostCode .Value input { width: 8em; }

/* [1] - start of change */
.SignEPetitions .Captcha .rcRefreshImage { float: left; margin-right: 1.5em; }
.SignEPetitions .Captcha .rcCaptchaAudioLink {  }
/* [1] - end of change */

.SignEPetitions .ButtonWrapper { margin-top: 10px; }


/* ===================================== */
/* SendEmail.ascx                        */
/* ===================================== */
.SendEmailWrapper {}
.SendEmailWrapper .EmailSubject { width: 100%; }
.Recipients { width: 300px !important;}
.RecipientsTextBox { min-height: 50px;}
.EmailSubject { width: 300px !important;}

/* ===================================== */
/* EditEPetition.ascx    */
/* ===================================== */
.EditEPetition .FullWidth { width: 100% }
.EditEPetition .textarea { width: 100%; height: 80px; }


/* ===================================== */
/* SubmitEPetitionResponse.ascx          */
/* ===================================== */
.SubmitResponse .ResponseTextBox {Width: 400px;}

/* ===================================== */
/* ApproveEPetitionResponse.ascx         */
/* ===================================== */

/* ===================================== */
/* AddEPetition.ascx                     */
/* ===================================== */
.AddEPetitionWrapper {}

.AddEPetitionWrapper .ValidationSummary { padding-top: 5px; }

.AddEPetitionWrapper .LabelWrapper { clear: both; overflow: hidden; margin-top: 5px; }
.AddEPetitionWrapper .DNNLabel { float: left; clear: left; width: 12em;} 
.AddEPetitionWrapper .Value { float:left; }
.AddEPetitionWrapper .Validator { float:left; padding-left: 8px; }

.AddEPetitionWrapper .Petitioner .Value input { width: 20em; }
.AddEPetitionWrapper .Petitioner .Value .Salutation { width: 2.5em; }
.AddEPetitionWrapper .Petitioner .Value .Salutation input { width: 2.5em; }
.AddEPetitionWrapper .Petitioner .Value .Names { width: 18em; }
.AddEPetitionWrapper .Petitioner .Value .Names input { width: 7em; margin-left: 1em; }

.AddEPetitionWrapper .BusinessItem .DNNLabel { width: 15em; padding-top: 3px;}
.AddEPetitionWrapper .Title .DNNLabel { width: auto; }
.AddEPetitionWrapper .Title .Value { width: 600px !important; }
.AddEPetitionWrapper .Title .Value input.rfdDecorated { width: 100% !important; }
.AddEPetitionWrapper .Summary { margin-top: 10px; }
.AddEPetitionWrapper .Summary .DNNLabel { width: auto; }
.AddEPetitionWrapper .Summary .Value { margin-top: 5px; /* height: 250px; height specified in ascx */ }
.AddEPetitionWrapper .Notes { margin-top: 10px; }
.AddEPetitionWrapper .Notes .DNNLabel { width: auto; }
.AddEPetitionWrapper .Notes .Value {margin-top: 5px; /* height: 250px; height specified in ascx */ }
.AddEPetitionWrapper .textarea { width: 100%; height: 200px; }

/* [3] Start of change */
.AddEPetitionWrapper .Categories .DNNLabel { width: 12em; }
.AddEPetitionWrapper .Locations .DNNLabel { width: 12em; }
/* [3] End of change */

.AddEPetitionWrapper .SimpleDateEntry { width: 80px; }
.AddEPetitionWrapper .StartDate .DNNLabel { width: 12em; padding-top: 3px;}
.AddEPetitionWrapper .StartDate .RadDateWrapper { width: 10em; }
.AddEPetitionWrapper .EndDate .DNNLabel { width: 12em; padding-top: 3px;}
.AddEPetitionWrapper .EndDate .RadDateWrapper { width: 10em; }

.AddEPetitionWrapper .AddPetitionButtons { clear:both; margin-top: 10px; }

/* ===================================== */
/* ManagePetitions.ascx                         */
/* ===================================== */
div.ManageEPetitions tr.rgFilterRow > td > div.RadPicker {
    display: inline-block !important;
}

/* ===================================== */
/* Settings.ascx                         */
/* ===================================== */
.SettingsWrapper .EmailSettings {}
.SettingsWrapper .ConfigSettings {}
.SettingsWrapper .EmailInput { width: 30em; }
.SettingsWrapper .ShortInput { width: 4em; }


/* ===================================== */
/* SearchPetitions.ascx                  */
/* ===================================== */

.SearchPetitions {}

    .SearchPetitions .SearchOptions {
        float: left;
        clear: both;
    }
    .SearchPetitions .SearchType {
        float: left;
        clear: both;
    }
.SearchPetitions .ButtonWrapper { clear:both; float: left;}


/* [3] - Start of change */

/* ===================================== */
/* EditCategories.ascx                   */
/* ===================================== */

.EditCategories {}

/* grids */
.EditCategories .GridHeading {margin-top: 20px; margin-bottom: 10px;}
.EditCategories .RadGridWrapper { margin-top: 10px; margin-bottom: 20px; }

/* Columns */
.EditCategories .EditColumn { width: 40px; }
.EditCategories .DeleteColumn { width: 20px; }
.EditCategories .CategoryColumn {}
.EditCategories .GroupColumn {}
.EditCategories .AssignableColumn { width: 6em; }
.EditCategories .CategoryGroupColumn {}
.EditCategories .SortOrderColumn { width: 4em; }

/* Link */
.EditCategories .LinkWrapper a { cursor: pointer; }

/* ===================================== */
/* EditLocations.ascx                    */
/* ===================================== */

.EditLocations {}

/* grids */
.EditLocations .GridHeading {margin-top: 20px; margin-bottom: 10px;}
.EditLocations .RadGridWrapper { margin-top: 10px; margin-bottom: 20px; }

/* Columns */
.EditLocations .EditColumn { width: 40px; }
.EditLocations .DeleteColumn { width: 20px; }
.EditLocations .AreaColumn {}
.EditLocations .PublishedColumn { width: 6em; }
.EditLocations .SortOrderColumn { width: 4em; }
.EditLocations .FreeFormatColumn { width: 6em; }
.EditLocations .ParentAreaColumn { }

/* Labels */
.EditLocations .LabelWrapper { clear: both; overflow: hidden; margin-top: 5px; }
.EditLocations .DNNLabel { float: left; clear: left; width: 15em;} 
.EditLocations .Value { float:left; }

/* Link */
.EditLocations .LinkWrapper a { cursor: pointer; }

/* ===================================== */
/* ViewSubscription.ascx                 */
/* ===================================== */

.ViewSubscriptions{}

.ViewSubscriptions .Heading { margin-top: 20px; }
.ViewSubscriptions .EventList { padding-top: 10px; padding-bottom: 10px; }
.ViewSubscriptions .CategoryList { padding-top: 10px; padding-bottom: 10px; }
.ViewSubscriptions .CategoryList .AllPetitions { margin-bottom: 10px; }
.ViewSubscriptions .CategoryList .CategoryGroupHeading { margin-top: 5px; margin-bottom: 2px; text-decoration: underline; }
.ViewSubscriptions .LocationList { padding-top: 10px; padding-bottom: 10px; }
.ViewSubscriptions .ButtonWrapper { margin-top: 20px; }

/* [3] - End of change */

/* ===================================== */
/*  Hide tool tips                */
/* ===================================== */

.dnnFormHelp {
background-image: none !important;
}

.dnnFormHelpContent {
    display: none !important;
}

/* ===================================== */
/*  added fieldset and legend for screen readers */
/* ===================================== */

fieldset.group  { 
  margin: 0; 
  padding: 0; 
  margin-bottom: 1.25em; 
  padding: .125em;
    border: 0;
} 

fieldset.group legend { 
  margin: 0; 
  padding: 0; 
  font-weight: bold; 
  margin-left: 20px; 
  font-size: 100%; 
  color: black; 
  
}