/*
Author: Paul Backhouse
Date: Dec 2009
Description: Generic page classes. Common styles used through out website
Help: Should you requrie assistance I am contactable on skuffuk@gmail.com
*/
    

 /* CLASS styles with exception of TabbedNavigation & Page_Title class - see stylesheet.css */
   
    /********** GENERIC POSITIONING & ELEMENT BEHAVIOUR **********/   	
    /* [positioning] */
    .Clear { clear:left; float:left;}
    .Left { float:left;}
    .Right { float:right;}
    .FullWidth { width:100%;}
    .HalfWidth { width:48%;}
    .Hide { display:none; visibility:hidden;}
    .Show { display:block; visibility:visible;}
    .Relative { position:relative;}
    .Absolute { position:absolute;}

    /* [generic margins/paddings] */
    .marginTop_5 { margin-top:.3em;}
    .marginTop_15 { margin-top:15px;}
    .marginLeft_20 { margin-left:20px;}

    /* [text alignment/styles] */
    .txtUpper {text-transform:uppercase;}
    .txtCaps {text-transform:capitalize;}
    .txtLower {text-transform:lowercase;}
    .txtSmall { font-size:small;}
    .txtXSmall { font-size:x-small;}
    .txtMedium { font-size:medium;}
    .txtXLarge { font-size:x-large;}
    .txtLarge { font-size:large;}
    .txtLeft { text-align:left;}
    .txtCenter { text-align:center;}
    .txtRight { text-align:right;}
    .txtTop { vertical-align:text-top;}
    .txtMiddle { vertical-align:middle;}
    .txtBottom { vertical-align:text-bottom;}
    .txtLarge { font-size:large;}
    .Bold { font-weight:bold;}
    .SoftBold { font-weight:300;}
    .Help { display:block; float:left; margin:.5em 0; padding-left:20px; background:transparent url(../images/icons/exclamation.png) no-repeat left top; }

    /* [text colors] */
    .Red { color:#FF0000;}
    .Black { color:#000;}
    .White { color:#FFF;}
    .Mustard { color:#FFCB54;}
    .Blue { color:#04639D; }
    .LightGrey { color:#999; }
    .LightBlue { color:#438DAA;}
    
    .pBlue { color:#3E5082;} /* primary blue */
    .pGreen { color:#9CA93F;} /* primary green */
    .pPink { color:#E2037A;} /* primary pink */

    .ActivitiesCoveredContainer { clear:left; float:left; position:relative; margin-bottom:3em;}
    .ActivitiesCoveredBox { position:absolute; left:-35px; top:0px; text-align:center; width:640px; font-size:.85em; background:#D5E9F0; padding:.5em 50px; }

    .blueboxBottom { clear:left; float:left; display:block; margin-bottom:.8em;  width:233px; height:25px; background:transparent url(../images/blue-box-bottom.gif) no-repeat left top;}


    /* [right colomn boxes] */
    .boxTop { clear:left; float:left;display:block; width:172px; height:6px;background:transparent url(../images/right-column/box-top.gif) no-repeat left top;}
    .boxContent { min-height:3.5em; clear:left; padding-bottom:.5em; float:left; width:170px; border-right:solid thin #CCC; border-left:solid thin #CCC; background:#FFF url(../images/right-column/BG-box.gif) repeat-x left bottom;}
        /* .boxContent sub styles */
        .boxContent div { padding:0 13px; width:85%; }
    .boxBottom { clear:left; float:left; display:block; margin-bottom:.8em;  width:172px; height:7px; background:transparent url(../images/right-column/box-bottom.gif) no-repeat left top;}


    /* [table data] */
    .tblData { clear:left; float:left;  font-size:1em; margin:.8em 0; border:solid thin #CCC; border-collapse:separate;} 
        /* .Data sub styles */
        .tblData th { padding:4px; background:#3399FF; font-size:.8em; text-transform:uppercase; letter-spacing:1px; color:#FFF; font-weight:bold;}
        .tblData th a { color:#FFF;}
        .tblData td { padding:5px; border:solid 1px #ccc; }
        .tblData .NoBorders { border:solid 1px transparent;}
        .tblData .NoBorders td { border:solid 1px transparent;}
        
        tr.AltRowColor { background:#eaeaea;}
        .tblData .Paging td { text-align:right; font-size:1em; border:none; padding:.2em; }
        .tblData .Paging a { text-decoration:none; background:#999; color:#FFF; padding:0 3px; }
        .tblData .Paging a:hover { background:#666; color:#FFF; }
        .tblData .Paging span { background:#0d80b4; color:#FFF; padding:0 3px; }

    /* [misc] */
    .iconList { list-style-type:none; padding:0;}
        /* iconList sub styles */
        .iconList li {}

    .tick { margin:.4em 0; background:transparent url(../images/icons/tick.gif) no-repeat left top; list-style-type:none;}
    .tick span { padding-left:25px; display:block;}

    .Success { background:transparent url(../images/icons/accept.png) no-repeat left top; }
    .Failure { background:transparent url(../images/icons/exclamation_octagon_fram.png) no-repeat left top; }
    .Success span { display:block; color:#FF0000; margin-top:-.5em;  padding-left:1.5em;  }
    .Failure span { display:block; color:#FF0000; margin-top:-.5em; padding-left:1.5em; }


    /********** DOTNET CONTROL STYLES **********/   	

    /* [-wizard control-] */
    .WizardStepNavigation { list-style-type:none; font-size:.9em; background:transparent url(../images/BG-Wizard-Step-Navigation.gif) repeat-x left top; height:37px;}
        .WizardStepNavigation li { float:left;text-align:center; font-weight:bold;}
        .WizardStepNavigation li span { display:block; float:left; line-height:37px; width:151px;  color:#0D80B4; }
        .WizardStepNavigation li span.Active { background:transparent url(../images/BG-Wizard-Step-Navigation_.gif) repeat-x left top; color:#FFF; }

    .wzdContainter { background:#63B2DB; width:96.2%; padding:14px; }
    .wzd { background:#FFF; padding:10px; margin:0px; }
        .wzd td { padding:15px 11px; }
	    .wzd .HalfWidth { width:47%; }
	    .wzd .wzdBtn {float:right; }
	    .wzd .wzdBtn_Next { float:right; background:#FFF url(../images/Btn-next.jpg) no-repeat left bottom; line-height:38px; height:38px; width:128px; display:block;}
	    .wzd .wzdBtn_Previous { background:#FFF url(../images/Btn-previous.jpg) no-repeat left bottom; line-height:38px; height:38px; width:128px;  display:block;}
	    .wzd .wzdBtn_Next:hover { background-position:left top;}
	    .wzd .wzdBtn_Previous:hover {  background-position:left top; }
        .wzd table { width:100%; }


    /* [-calendar control-] */
    .Calendar {font-size:1em; width:350px; border:solid 0px #FFF; }
    .Calendar td { text-align:center; padding:.1em; font-size:.9em; }
    .Calendar td a { display:block; text-align:center; padding:.2em; border:solid 1px #ccc; font-size:.9em; text-decoration:none; }
    .Calendar td a:hover { border:solid 1px #3399FF; font-weight:bold; }
    .Calendar .DayHeaderStyle { color:#3399FF; padding:.2em;}
    .Calendar .TitleStyle { letter-spacing:.2em; line-height:1.4em; background:#3399FF; color:#FFF; font-size:1.5em; font-weight:600; text-transform:uppercase;}
    .Calendar .SelectedDayStyle { background:#3399FF; color:#FFF; }
    .Calendar .SelectorStyle { font-weight:bold;}
    .Calendar .WeekendDayStyle { background:#FFFF99;}
    .Calendar .Disabled { color:#999;}