﻿/*>>>>>>>>>>>>>>>>>>>>>>>>>>> S U B B O X <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

REMEMBER THIS SUBBOX can be made to be a diffrent colour to the other SUBBOX's as 
the subbox is store din a folder called "CSWebSupport/SubBox/"

The sub box is used on most items and is the standard box type block used on the shopping cart. 

The bar is made up of many elements to provide the end user with a degree of image felxibility

The title   ¦   SubBoxLeft40            ¦   SubBoxFill40                                        ¦                           ¦
            ¦   SubBoxLeft7x40.png      ¦ SubBoxFill40.png                                      ¦ SubBoxGradChange30x40.png ¦SubBoxRight7x40.png
goes on     ¦ 7 px (w) 40 px (h)        ¦ Repeat x 40 px (h)                                    ¦  40px (h) Repeat          ¦ 7 px (w) 40 px (h)
this row    ¦                           ¦       T I T L E                                       ¦                           ¦
            --------------------------------------------------------------------------------------------------------------------------------
                                                For ease of use background images are
                                                used to colour fill the table
            
Side bars   ¦SubBoxLeftSideImage        ¦                                                                                   ¦ SubBoxRightSideImage ¦

            --------------------------------------------------------------------------------------------------------------------------------
            ¦   SubBoxLeft40            ¦   SubBoxFill40            ¦                           ¦
            ¦   SubBoxBottomLeft7x10.png¦ SubBoxBottomLeftFill.png  ¦SubBoxBottomMid50x10.png   ¦SubBoxBottomRightFill.png  ¦SubBoxBottomRight7x10.png
            ¦ 7 px (w) 10 px (h)        ¦ Repeat x 40 px (h)        ¦                           ¦40px (h) Repeat            ¦ 7 px (w) 40 px (h)
            ¦                           ¦                           ¦                           ¦                           ¦
            -------------------------------------------------------------------------------------------------------------


THE FOLLOWING ARE THE ----- SUB BOX -----  BLOCKS*/
/* These are used if you would lkie to break down the page */

/*This is used as an "over image" this is so if you want to add images over backgrounds you can
This maps over the background above. TO AVOID CONFUSION the OVER images are stored in the OVER 
folder!*/

.OverSubBoxLeft40
{
    PADDING-RIGHT: 0px; 
    background-repeat:no-repeat;
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
	height:40px;
	width:7px;
}

/*This image is used on the SubBoxes to provide the fill across 40px high 7px Wide*/

/*If you would like to provide a colour gradient or image change this is 40px h and 30px wide*/
/*!!!! REMEMBER
If you dont wish for a gradient change then you just carry on with the fill image therough this box and
*/

.xSubBoxGradChange40
{
	background-image : url(images/SubBox/SubBoxGradChange30x40.png);
	background-repeat:no-repeat;
	padding-bottom:0px;
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	margin:0px; 
	height:40px;
	width:30px;
}

/*If you would like to provide a colour gradient or image change this is 40px h and 30px wide*/
/*!!!! REMEMBER
If you dont wish for a gradient change then you just carry on with the fill image therough this box and
*/

/*If you change the gradient on the change box then you can use this to fill the remaining right hand side in*/
.xSubBoxRightFill40
{
	background-image : url(images/SubBox/SubBoxRightFill40.png);
	background-repeat:repeat-x;
	padding-bottom:0px;
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	margin:0px; 
	height:40px;
	width:10px;
}

.OverSubBoxRightFill40
{
    PADDING-RIGHT: 0px; 
    background-repeat:repeat-x;
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
	height:40px;
	width:10px;
}


/*This is the right hand side*/
.OverSubBoxRight40
{
    PADDING-RIGHT: 0px; 
    background-repeat:no-repeat;
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
	height:40px;
	width:7px;
}

/*USED ON THE SIDES */
/*You have a side pannel to the box 7px wide that repetes you can use this to place images down the side of the box if you wish*/
.OverSubBoxLeftSideImage
{
    PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
	width:7px;
}



/*You have a side pannel to the box 7px wide that repetes you can use this to place images down the side of the box if you wish*/

.OverSubBoxRightSideImage
{
    PADDING-RIGHT: 0px; 
	background-repeat:repeat-y;
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
	width:7px;
}

/*This is used at the bottom of the subbox unit it is a bar that runs along the base, this is the left hand side of that bar*/

.OverSubBoxBottomLeft
{
    PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
	height:10px;
	width:7px;
}
/*Varible used to fill the bottom L E F T of the subbox*/

.OverSubBoxBottomLeftFill
{
    PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
	height:10px;
	width:auto;

}


/*If you would like a gradiented change then this allows for that. */

.OverSubBoxBottomMid
{
    PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
	height:10px;
	/*This width should be 50px but there is an issue with rendering in IE so has become 0px - Mark */
	width:50px;
}

/*Varible used to fill the bottom R I G H T of the subbox*/


.OverSubBoxBottomRightFill
{
    PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
	height:10px;
	width:auto;
}


/*This is the bottom right image - if you had a diffrent colour right vertical bar then you can have the gradient change along the bottom as well */ 

.OverSubBoxBottomRight
{
    PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
	height:10px;
	width:7px;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>> S U B B O X    F O N T     <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/*Other fonts at the end of the CSS */


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>> T A B L E       B A C K G R O U N D S    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/*The SubBox allows for certian tables to have background colours as images, or repeating images if required set here.*/


/*This is used on the background of the CR Profile user DETAILS box. */
.TableSubBoxYourDetails
{
    background-image:url(images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxUserDetails.png);
    background-repeat:repeat;    
}
/*This is used on the SearchTasks.aspx, this forms the background*/
.TableSubBoxSearchTasks
{
    background-image:url(images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxSearchTasks.png);
    background-repeat:repeat;    
}
/*&This is used on the back of the SupportTaskAdd.aspx page subbox */
.TableSubBoxTaskAdd
{
    background-image:url(images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTaskAdd.png);
    background-repeat:repeat;    
}
/*This is used on the TasksReported.aspx page, this is the background to the table.*/
.TableSubBoxTaskReported
{
    background-image:url(images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTaskReported.png);
    background-repeat:repeat;    
}

/*This is used for the TaskTracking.aspx page, this allows you to set a diffrent colour should 
wish for the background */
.TableSubBoxTaskTracking
{
    background-image:url(images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTaskTracking.png);
    background-repeat:repeat;    
}

/*This is used on sub headers (your details / your job title / your address)  CRProfile.ascx / 
CRAddresses.ascs / CRAdress.aspx components etc */

.TdSubBoxSubHeader
{
    background-image:url(images/SubBox/SubBoxBackGrounds/SubBoxTdSubHeader.png);
    background-repeat:repeat;
      /*Font details are also carried here */
    text-align:left;
    font-family : arial, sans-serif; 
    font-size : 14px; 
    font-weight:bold;
    color : #000000; 
    vertical-align:middle;
    speak:normal;
	padding:10px;
}

/*This is used on sub headers for the Task Add (TA) page ONLY (hence the TA)
the SupportTaskAdd.aspx page is allowed a diffrent scheema to help you.*/

.TdSubBoxSubHeaderTA
{
    background-image:url(images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTdSubHeaderTA.png);
    background-repeat:repeat;
      /*Font details are also carried here */
    text-align:left;
    font-family : arial, sans-serif; 
    font-size : 14px; 
    font-weight:bold;
    color : #000000; 
    vertical-align:middle;
    speak:normal;
}

/*This is used on sub headers for the Task Tracking (TRK) page ONLY (hence the TRK)
the TaskTracking.aspx page is allowed a diffrent scheema to help you.*/

.TdSubBoxSubHeaderTRK
{
    background-image:url(images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTdSubHeaderTRK.png);
    background-repeat:repeat;
      /*Font details are also carried here */
    text-align:left;
    font-family : arial, sans-serif; 
    font-size : 14px; 
    font-weight:bold;
    color : #000000; 
    vertical-align:middle;
    speak:normal;
	padding:10px;
}

/*This is used on sub headers for the Task Reported (RpT) page ONLY (hence the RpT)
the TaskReported.aspx page is allowed a diffrent scheema to help you.*/

.TdSubBoxSubHeaderRpT
{
    background-image:url(images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTdSubHeaderRpT.png);
    background-repeat:repeat;
      /*Font details are also carried here */
    text-align:left;
    font-family : arial, sans-serif; 
    font-size : 14px; 
    font-weight:bold;
    color : #000000; 
    vertical-align:middle;
    speak:normal;
    padding:10px;
}


/*This style is used as the main background colour to the content */

.TdSubBoxSubContent
{
    background-image:url(images/SubBox/SubBoxBackGrounds/SubBoxTdSubContent.png);
    background-repeat:repeat;
        /*Font details are also carried here */
    text-align:left;
    font-family : arial, sans-serif; 
    font-size : 12px; 
    font-weight:bold;
    color : #315191; 
    vertical-align:middle;
    speak:normal;
}


/* This style is used in cells where RIGHT / CENTRE alaignment is required, it is identical to the above 
style apart form the alignment being removed (hence it being called No Alignment = NoAli */

.TdTitlesBackNoAli
{
    background-image:url(images/SubBox/SubBoxBackGrounds/SubBoxTdTitlesBack.png);
    background-repeat:repeat;
        /*Font details are also carried here */
    font-family : arial, sans-serif; 
    font-size : 12px; 
    font-weight:bold;
    color : #315191; 
    vertical-align:middle;
    speak:normal;
}


/*This is used on the support view of the items. This css value is used for the titles of the itmes i.e 
Call Number / Support Task IDetc, it is usually the left hand side row. */

.TdTitlesBack
{
    background-image:url(images/SubBox/SubBoxBackGrounds/SubBoxTdTitlesBack.png);
    background-repeat:repeat;
        /*Font details are also carried here */
    /*font-family : arial, sans-serif; 
    font-size : 12px; 
    font-weight:bold;
    color : #315191; 
    text-align:left;
    vertical-align:middle;*/
    speak:normal;
}

/*This is used on the support task add view hence the TA designator. */

.TdTitlesBackTA
{
    background-image:url(images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTdTitlesBackTA.png);
    background-repeat:repeat;
        /*Font details are also carried here */
    /*font-family : arial, sans-serif; 
    font-size : 12px; 
    font-weight:bold;
    color : #315191; 
    text-align:left;
    vertical-align:middle;*/
    speak:normal;
}

/*This is used on the support task tracking view hence the TRK designator. */

.TdTitlesBackTRK
{
    background-image:url(images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTdTitlesBackTRK.png);
    background-repeat:repeat;
        /*Font details are also carried here */
    /*font-family : arial, sans-serif; 
    font-size : 12px; 
    font-weight:bold;
    color : #315191; 
    text-align:left;
    vertical-align:middle;*/
    speak:normal;
}

/*This is used on the support task reporting view hence the RpT designator (TaskReported.aspx). */

.TdTitlesBackRpT
{
    background-image:url(images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTdTitlesBackRpT.png);
    background-repeat:repeat;
        /*Font details are also carried here */
    /*font-family : arial, sans-serif; 
    font-size : 12px; 
    font-weight:bold;
    color : #315191; 
    text-align:left;
    vertical-align:middle;*/
    speak:normal;
}

/*This is used on the supportTaskView page, and is where the detail of the call is stored - i.e.
the actual results */
.TdDetailBack
{
    background-image:url(images/SubBox/SubBoxBackGrounds/SubBoxTdDetailBack.png);
    background-repeat:repeat;
        /*Font details are also carried here */
    /*font-family : arial, sans-serif; 
    font-size : 12px; 
    font-weight:bold;
    color : #315191; 
    vertical-align:middle;
    text-align:left;*/
    speak:normal;
}

/*Comment bacl */

.TdCommentBack
{
     background-image:url(images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxCommentBack.png);
    background-repeat:repeat;
        /*Font details are also carried here */
    font-family : arial, sans-serif; 
    font-size :x-small;
    font-weight:normal;
    color : #315191; 
    vertical-align:middle;
    text-align:left;
    speak:normal;   
}

/*This   text is used for places where explanations are required
on how the system work or how you need to set somthing up. 
Remember that this is explanation text (small)*/

.GenericExpSmall 
{
	font-family : arial, sans-serif; 
	font-size :x-small;
	color : #315191; 
	text-align:left;
	vertical-align:middle;
	speak:normal;
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>> I N N E R    S U B B O X    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/*These are used for inner sub boxes these are boxes with simple header and content structures
unlike the main subboxes which provide more graphice design configuration. These Inner boxes
are designed mainily to be used within a sub box but can be used outside if required*/
/*This is the default style for all inner sub boxes that do not have a defined ID style*/
/*
Header:                                      BoxHeader
        |--------------|--------------------------------------------------------|------------|
		|TopLeft       |                    TopContent                          |TopRight    |
        |--------------|--------------------------------------------------------|------------|
		|Left          |      Content (<HeaderTemplate></HeaderTemplate>)       |Right       |
        |--------------|--------------------------------------------------------|------------|
		|BottomLeft    |                  BottomContent                         |BottomRight |
        |--------------|--------------------------------------------------------|------------|

Content Body:                                Content
        |--------------|--------------------------------------------------------|------------|
		|TopLeft       |                    TopContent                          |TopRight    |
        |--------------|--------------------------------------------------------|------------|
		|Left          |     Content (<ContentTemplate></ContentTemplate>)      |Right       |
        |--------------|--------------------------------------------------------|------------|
		|BottomLeft    |                  BottomContent                         |BottomRight |
        |--------------|--------------------------------------------------------|------------|
		
*/
/*-------------------------------------------------------------*/
/*Overridden styles for an InnerSubBox with a defined ID */
#InnerBoxAttachments.InnerBox div
{
	text-align:left;
	font-size:12px;
	color:#315191;
}

#InnerBoxAttachments.InnerBox table
{
	border-style: none;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
}

#InnerBoxAttachments.InnerBox tr.BoxHeader
{
	background-image:url(Images/SubBox/SubBoxBackGrounds/SubBoxTdSubHeader.png);
	background-repeat:repeat;
	font-size:14px;
	font-weight:bold;
}
#InnerBoxAttachments.InnerBox tr.BoxHeader td.TopLeft
{
	width:7px;
	height:7px;
}

#InnerBoxAttachments.InnerBox tr.BoxHeader td.TopContent
{
	height:7px;
}
#InnerBoxAttachments.InnerBox tr.BoxHeader td.TopRight
{
	width:7px;
	height:7px;
}

#InnerBoxAttachments.InnerBox tr.BoxHeader td.Left
{
	background-image:url(Images/SubBox/SubBoxBackGrounds/SubBoxTdSubHeader.png);
	background-repeat:repeat;
	width:7px;
}
#InnerBoxAttachments.InnerBox tr.BoxHeader td
{
}
#InnerBoxAttachments.InnerBox span.InnerBoxTitle 
{
	font-family : arial, sans-serif; 
	text-align : left; 
	font-size : 14px; 
	font-weight:bold;
    color : #325191;
	speak:normal;
}
#InnerBoxAttachments.InnerBox tr.BoxHeader td.Right
{
	background-image:url(Images/SubBox/SubBoxBackGrounds/SubBoxTdSubHeader.png);
	background-repeat:repeat;
	width:7px;
}

#InnerBoxAttachments.InnerBox tr.BoxHeader td.BottomLeft
{
	background-image:url(Images/SubBox/SubBoxBackGrounds/SubBoxTdSubHeader.png);
	background-repeat:repeat;
	width:7px;
	height:7px;
}
#InnerBoxAttachments.InnerBox tr.BoxHeader td.BottomContent
{
	background-image:url(Images/SubBox/SubBoxBackGrounds/SubBoxTdSubHeader.png);
	background-repeat:repeat;
	height:7px;
}
#InnerBoxAttachments.InnerBox tr.BoxHeader td.BottomRight
{
	background-image:url(Images/SubBox/SubBoxBackGrounds/SubBoxTdSubHeader.png);
	background-repeat:repeat;
	width:7px;
	height:7px;
}

/*CONTENT - content cells*/
#InnerBoxAttachments.InnerBox tr.Content
{
	background-image:url(Images/SubBox/SubBoxBackGrounds/SubBoxTdTitlesBack.png);
	background-repeat:repeat;
}

#InnerBoxAttachments.InnerBox td.Left
{
	width:7px;
}
#InnerBoxAttachments.InnerBox td.Content
{
}
#InnerBoxAttachments.InnerBox td.Right
{
	width:7px;
}

#InnerBoxAttachments.InnerBox td.TopLeft
{
	width:7px;
	height:7px;
}
#InnerBoxAttachments.InnerBox td.TopContent
{
	height:7px;
}
#InnerBoxAttachments.InnerBox td.TopRight
{
	width:7px;
	height:7px;
}

#InnerBoxAttachments.InnerBox td.BottomLeft
{
	width:7px;
	height:7px;
}
#InnerBoxAttachments.InnerBox td.BottomContent
{
	height:7px;
}
#InnerBoxAttachments.InnerBox td.BottomRight
{
	width:7px;
	height:7px;
}

/*-------------------------------------------------------------*/
/*Overridden styles for an InnerSubBox with a defined ID for Tasks Traking*/
#InnerBoxTRK.InnerBox div
{
	text-align:left;
	font-size:12px;
	color:#315191;
}

#InnerBoxTRK.InnerBox table
{
	border-style: none;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
}

#InnerBoxTRK.InnerBox tr.BoxHeader
{
	background-image:url(images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTdSubHeaderTRK.png);
	background-repeat:repeat;
	font-size:14px;
	font-weight:bold;
}
#InnerBoxTRK.InnerBox tr.BoxHeader td.TopLeft
{
	width:7px;
	height:7px;
}

#InnerBoxTRK.InnerBox tr.BoxHeader td.TopContent
{
	height:7px;
}
#InnerBoxTRK.InnerBox tr.BoxHeader td.TopRight
{
	width:7px;
	height:7px;
}

#InnerBoxTRK.InnerBox tr.BoxHeader td.Left
{
	background-image:url(Images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTdSubHeaderTRK.png);
	background-repeat:repeat;
	width:7px;
}
#InnerBoxTRK.InnerBox tr.BoxHeader td
{
}
#InnerBoxTRK.InnerBox span.InnerBoxTitle 
{
	font-family : arial, sans-serif; 
	text-align : left; 
	font-size : 14px; 
	font-weight:bold;
    color : #000000;
	speak:normal;
}
#InnerBoxTRK.InnerBox tr.BoxHeader td.Right
{
	background-image:url(Images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTdSubHeaderTRK.png);
	background-repeat:repeat;
	width:7px;
}

#InnerBoxTRK.InnerBox tr.BoxHeader td.BottomLeft
{
	background-image:url(Images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTdSubHeaderTRK.png);
	background-repeat:repeat;
	width:7px;
	height:7px;
}
#InnerBoxTRK.InnerBox tr.BoxHeader td.BottomContent
{
	background-image:url(Images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTdSubHeaderTRK.png);
	background-repeat:repeat;
	height:7px;
}
#InnerBoxTRK.InnerBox tr.BoxHeader td.BottomRight
{
	background-image:url(Images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTdSubHeaderTRK.png);
	background-repeat:repeat;
	width:7px;
	height:7px;
}

/*CONTENT - content cells*/
#InnerBoxTRK.InnerBox tr.Content
{
	background-image:url(Images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTdTitlesBackTRK.png);
	background-repeat:repeat;
}

#InnerBoxTRK.InnerBox td.Left
{
	width:7px;
}
#InnerBoxTRK.InnerBox td.Content
{
}
#InnerBoxTRK.InnerBox td.Right
{
	width:7px;
}

#InnerBoxTRK.InnerBox td.TopLeft
{
	width:7px;
	height:7px;
}
#InnerBoxTRK.InnerBox td.TopContent
{
	height:7px;
}
#InnerBoxTRK.InnerBox td.TopRight
{
	width:7px;
	height:7px;
}

#InnerBoxTRK.InnerBox td.BottomLeft
{
	width:7px;
	height:7px;
}
#InnerBoxTRK.InnerBox td.BottomContent
{
	height:7px;
}
#InnerBoxTRK.InnerBox td.BottomRight
{
	width:7px;
	height:7px;
}

/*-------------------------------------------------------------*/
/*Overridden styles for an InnerSubBox with a defined ID for Tasks Traking*/
#InnerBoxRpT.InnerBox div
{
	text-align:left;
	font-size:12px;
	color:#315191;
}

#InnerBoxRpT.InnerBox table
{
	border-style: none;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
}

#InnerBoxRpT.InnerBox tr.BoxHeader
{
	background-image:url(images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTdSubHeaderRpT.png);
	background-repeat:repeat;
	font-size:14px;
	font-weight:bold;
}
#InnerBoxRpT.InnerBox tr.BoxHeader td.TopLeft
{
	width:7px;
	height:7px;
}

#InnerBoxRpT.InnerBox tr.BoxHeader td.TopContent
{
	height:7px;
}
#InnerBoxRpT.InnerBox tr.BoxHeader td.TopRight
{
	width:7px;
	height:7px;
}

#InnerBoxRpT.InnerBox tr.BoxHeader td.Left
{
	background-image:url(Images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTdSubHeaderRpT.png);
	background-repeat:repeat;
	width:7px;
}
#InnerBoxRpT.InnerBox tr.BoxHeader td
{
}
#InnerBoxRpT.InnerBox span.InnerBoxTitle 
{
	font-family : arial, sans-serif; 
	text-align : left; 
	font-size : 14px; 
	font-weight:bold;
    color : #000000;
	speak:normal;
}
#InnerBoxRpT.InnerBox tr.BoxHeader td.Right
{
	background-image:url(Images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTdSubHeaderRpT.png);
	background-repeat:repeat;
	width:7px;
}

#InnerBoxRpT.InnerBox tr.BoxHeader td.BottomLeft
{
	background-image:url(Images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTdSubHeaderRpT.png);
	background-repeat:repeat;
	width:7px;
	height:7px;
}
#InnerBoxRpT.InnerBox tr.BoxHeader td.BottomContent
{
	background-image:url(Images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTdSubHeaderRpT.png);
	background-repeat:repeat;
	height:7px;
}
#InnerBoxRpT.InnerBox tr.BoxHeader td.BottomRight
{
	background-image:url(Images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTdSubHeaderRpT.png);
	background-repeat:repeat;
	width:7px;
	height:7px;
}

/*CONTENT - content cells*/
#InnerBoxRpT.InnerBox tr.Content
{
	background-image:url(Images/CSWebSupport/SubBox/SubBoxBackGrounds/SubBoxTdTitlesBackRpT.png);
	background-repeat:repeat;
}

#InnerBoxRpT.InnerBox td.Left
{
	width:7px;
}
#InnerBoxRpT.InnerBox td.Content
{
}
#InnerBoxRpT.InnerBox td.Right
{
	width:7px;
}

#InnerBoxRpT.InnerBox td.TopLeft
{
	width:7px;
	height:7px;
}
#InnerBoxRpT.InnerBox td.TopContent
{
	height:7px;
}
#InnerBoxRpT.InnerBox td.TopRight
{
	width:7px;
	height:7px;
}

#InnerBoxRpT.InnerBox td.BottomLeft
{
	width:7px;
	height:7px;
}
#InnerBoxRpT.InnerBox td.BottomContent
{
	height:7px;
}
#InnerBoxRpT.InnerBox td.BottomRight
{
	width:7px;
	height:7px;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>> E N D    I N N E R    S U B B O X    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>> T E X T B O X     W I D T H S    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/*These are used for text boxes that need to be constrained in width */
/* This is for a full width of a 300px cell text box*/
.TxtBoxWidth
{
    width:415px;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>> E N D    T E X T B O X     W I D T H S    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
