/* CSS STYLE SHEET FOR 3DSS MASTER PAGE*/

/*
--------------DEPRECATED-------------------------
*/

/* LINKS */ 


a.designby:link {  color: #999999; text-decoration: none}
a.designby:visited {  color: #999999; text-decoration: none}
a.designby:hover {  color: #333333; text-decoration: underline}
a.menu:link {  color: #BFE5F4; text-decoration: none}
a.menu:visited {  color: #BFE5F4; text-decoration: underline}
a.menu:hover {  color: #FFFFFF; text-decoration: underline}
a.menunavigation:link {  color: #0098D3; text-decoration: none}
a.menunavigation:visited {  color: #0098D3; text-decoration: none}
a.menunavigation:hover {  color: #0098D3; text-decoration: underline}
a.hrefwhite:link {  color: White; font-size:xx-small; text-decoration: underline}
a.hrefwhite:visited {  color: White; text-decoration: underline}
a.hrefwhite:hover {  color: White; text-decoration: none}

/* TEXT */ 



/* olde..
.logo {   font-size: larger; font-weight: bold; color: #BFE5F4}
.menu {   font-size: small; color: #BFE5F4}
.text {   font-size: large; color: #666666; vertical-align:top;}
.title {   font-size: larger; font-weight: bold; color: #0098D3}
.XSmallGreyText{font-size:xx-small;color: #666666}
.SmallGreyText{font-size:x-small;color: #666666}
.SmallGreenText{font-size:x-small;color:#00C000}
.SmallLightGreyText{font-size:x-small;color: #999999}
.SmallBlueText{font-size:x-small;color: #0098D3}
.SmallBlackText{font-size:x-small;color: Black}
.SmallWhiteText{font-size:x-small;color: White}
.MediumBlueText{font-size:small;color: #0098D3}
.MediumGreyText{font-size:small;color: #666666}
.MediumBoldBlackText{font-size:small;color: Black; font-weight:bolder;}
.SmallLightBlueText{font-size:x-small;color: #BFE5F4}
.SmallRedText{font-size:x-small;color: #C00000}
.MediumRedText{font-size:small;color: #C00000}
.PageTitleText{font-size: small; font-weight: bold; color: #0098D3;}
.LargeGreyText{font-family: Arial, Verdana; font-size:large; color: #666666}
.XLargeBlueText{font-family: Arial, Verdana; font-size:x-large; color: #0098D3}*/

/* BODY */ 

.MasterBody
{
	background-color:#EEEEEE; 
	color:#000000; 
	margin-left:0px; 
	margin-top:0px;
}

.MasterBody2
{
	background-color:#EEEEEE; 
	color:#333333; 
	margin-left:0px; 
	margin-top:0px;
}

/* TABLES */ 

.TableMain{margin-left:auto; margin-right:auto; width: 770px; padding:0px; border-width:0px;}
.TableEdit{margin-left:auto; margin-right:auto; width: 100%; padding:0px; border-width:0px;}
.table2{width:100px; border-width:0; padding:0; margin-left:auto; margin-right:auto;}
.table2b{width:770px; border-width:0; padding:0; margin-left:auto; margin-right:auto;}
.table3{width:100%; border-width:0; padding:15;}
.table3b{width:100%; border-width:0; padding:15;}
.table4{vertical-align: top; width: 150px; border-top-style: none; border-right-style: none; border-left-style: none; text-align: left; border-bottom-style: none;}
.table5{padding:6px; width: 810px}
.table6{width:770px; border-width:0px; padding:0; text-align:center;}
.table4b{vertical-align: top; width: 150px; border-top-style: none; border-right-style: none; border-left-style: none; text-align: left; border-bottom-style: none;}
.table5b{padding:6px; width: 100%}
.table6b{width:100%; border-width:0px; padding:0; text-align:center;}

.UserTable
{
	width:100%;
	background-color:#fffff0;
	text-align: center; background-color:#EEEEEE; color:#000000; margin-left:0px; margin-top:0px;
	}
	
.SectionsTable
{
	width:100%; text-align:left; font-size:xx-small; color:#0098d3; margin-left:0px; margin-top:0px;
	}
	
.sectionRowButtons
{
	padding: 5px;
}

.sectionCellButtons
{
	padding: 2px;
}

.sectionBottomButtons
{
	padding:6px 27px 6px 6px;	
	cursor: pointer;	
}

table {border-collapse: collapse;}
/* TABLE ROWS / COLUMNS */ 

.td1{padding-left:25px; background-color:#FFFFFF; height:100; width:109; text-align:left;}
.td2{padding-left:25px; background-color:#0098D3; height:100; width:418px; text-align:left; font-size: 30px; font-weight: bold; color: #BFE5F4}
.td3{background-image:url(../images/PageElements/top01.gif); height:23; text-align:left; width:1000px;  font-size:small; color: #BFE5F4;}
.td4{background-image:url(../images/PageElements/top01.gif); height:23; text-align:right; width:1000px; font-size:small; color: #BFE5F4}
.td5{vertical-align:top; background-color:#FFFFFF; height:407px;}
.td6{height:60; background-color:#FFFFFF; background-image:url(../images/PageElements/title_bg.gif); text-align:right;}
.td7{vertical-align:top;  font-size:small; color: #666666; vertical-align:top;}
.td8{width:190px; background-color:#E5E5E5; vertical-align:top; height: 407px}
.td8b{background-color:#ffffff; vertical-align:top; height: 407px}
.td8c{background-color:#E5E5E5; vertical-align:top; height: 407px}
.td9{vertical-align:top; height:140px; font-size:small; color: #666666; vertical-align:top;}
.td11{height: 65px;  font-size:small; color: #666666; vertical-align:top;}
.td12{height:38px;}
.td13{background-color:#E5E5E5; height:40px; text-align:center;}
.altrow1{background-color:#F5F5F5;}

/* SPANS */ 
.span1{text-align:left; font-size: 36pt; color: white; font-family: 'Tw Cen MT Condensed Extra Bold'}
.span2{text-align:right; font-size:small; color: #BFE5F4}
.span3{font-size:small; color: white;}
.span4{color:#0098D3;}
.span5{color:#BFE5F4;}
.span6{font-size: 14pt; color: #0098d3; font-family:Tw Cen MT Condensed Extra Bold;}
.span7{font-size: 14pt; color: white; font-family: 'Tw Cen MT Condensed Extra Bold'}
.span8{color:#666666; font-size:small; color: #666666; vertical-align:top;}
.span9{font-size:xx-small; color: #999999;}
.span10{font-size:xx-small; color: #0098d3;}

/* OTHER */ 
.AlignLeft{text-align: left;}
.AlignRight{text-align: right;}
.Crumbtrail{padding:6px; font-size:small; color: #0098D3; vertical-align:top;}
.SectionHeading{  font-weight: bold; font-size:x-small; color: #0098D3; vertical-align:top; text-decoration:underline;}
.ContentPanel{ padding: 10px;}
.ContentPanelBigPadding{ padding: 20px; margin: 20px; }
.MediumPadding{ padding: 10px; margin: 10px; }
.SmallPadding{ padding: 5px; margin: 5px; }
.XSmallPadding{ padding: 2px; margin: 2px; }
.FloatRight{ text-align:right; float:right; }

/* LISTBOXES, DROP DOWNS */
.UserList
{
width:250px;
background-color: #FFFFF0;
color:black;
font-size:xx-small;
border-width:0px;
border-style:none;
border-color:White;
}



/* PANELS */
.ContentPanel{ padding: 10px;}
.NavPanel
{
	vertical-align:top;
	vertical-align:text-top;
}
.SectionHeading{  font-weight: bold; font-size:x-small; color: #0098D3; vertical-align:top; text-decoration:underline;}



/********************************************* pop up calendar control ************************************/
.popupControl
{
	background-color:White;
	position:absolute;
	visibility:hidden;
}



/************************* SectionMenu.ascx Accordion Panel *************************************/
.accordionHeader
{   
    border-top: dotted 0.15em #B8B8B8;
    border-bottom: dotted 0.15em #B8B8B8;
    /*padding-left:20px;*/ 
    padding-left:5px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    background:#F0F0F0;
    font: Arial, Helvetica, sans-serif;
    color: #333;
    font-weight:bold;
}

.accordionHeaderPublished
{   
    border-top: dotted 0.15em #B8B8B8;
    /*padding-left:20px;*/
    padding-left:5px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    background:#F0F0F0 url(../images/rr/ico/dotGreen_G.gif) right 10px no-repeat;
    font: Arial, Helvetica, sans-serif;
    color: #333;
    font-weight:bold;
}

.accordionHeaderComplete
{   
    border-top: dotted 0.15em #B8B8B8;
    /*padding-left:20px;*/
    padding-left:5px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    background:#F0F0F0 url(../images/rr/ico/dotBlue_G.gif) right 10px no-repeat;
    font: Arial, Helvetica, sans-serif;
    color: #333;
    font-weight:bold;
}

.accordionHeaderIncomplete
{   
    border-top: dotted 0.15em #B8B8B8;
    /*padding-left:20px;*/
    padding-left:5px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    background:#F0F0F0 url(../images/rr/ico/dotRed_G.gif) right 10px no-repeat;
    font: Arial, Helvetica, sans-serif;
    color: #333;
    font-weight:bold;
}

.accordionHeaderForReview
{   
    border-top: dotted 0.15em #B8B8B8;
    /*padding-left:20px;*/
    padding-left:5px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    background:#F0F0F0 url(../images/rr/ico/dotYellow_G.gif) right 10px no-repeat;
    font: Arial, Helvetica, sans-serif;
    color: #333;
    font-weight:bold;
}

.accordionContent
{
	border-top: dotted 0.15em #B8B8B8;
    background-color: #FFFFFF;
    text-decoration:none;
    font: Arial, Helvetica, sans-serif;
    color: #2EC0E4;
    font-weight:bold;
    /*padding-left:20px;*/
    padding-left:5px;
    margin-top: 0px;
    padding-top: 10px;
    margin-bottom: 10px;
}

.accordionEndContent
{
    background-color: #FFFFFF;
    text-decoration:none;
    font: Arial, Helvetica, sans-serif;
    color: #2EC0E4;
    font-weight:bold;
    /*padding-left:20px;*/
    padding-left:5px;
    margin-top: 0px;
    padding-top: 10px;
    margin-bottom: 10px;
}

.accordionContent div
{
	/*width: 100%;*/
	width: 90%;
	background: url(../images/rr/ico/dotBlue.gif) right 10px no-repeat;
	background-position: right center;
	vertical-align:baseline;
	margin-bottom:5px;
}

.accordionHR
{
	color: #E8E8E8;
	background-color: #E8E8E8;
	margin-bottom: 10px;
	margin-top: 10px;
	
	}

.accordionContent div.complete
{
	/*width: 100%;*/
	width:95%;
	background: url(../images/rr/ico/dotBlue.gif) right 10px no-repeat;
	background-position: right center;
	vertical-align:baseline;
	margin-bottom:5px;
}

.accordionContent div.incomplete
{
	/*width: 100%;*/
	width:95%;
	background: url(../images/rr/ico/dotRed.gif) right 10px no-repeat;
	background-position: right center;
	vertical-align:baseline;
	margin-bottom:5px;
}

.accordionContent div.published
{
	/*width: 100%;*/
	width:95%;
	background: url(../images/rr/ico/dotGreen.gif) right 10px no-repeat;
	background-position: right center;
	vertical-align:baseline;
	margin-bottom:5px;
}

.accordionContent div.forreview
{
	/*width: 100%;*/
	width:95%;
	background: url(../images/rr/ico/dotYellow.gif) right 10px no-repeat;
	background-position: right center;
	vertical-align:baseline;
	margin-bottom:5px;
}

.accordionContent a, a:visited
{
	color: #2EC0E4;
	text-decoration:none;
}

.accordionContent a:hover, a:active, a:focus {color:#FF6600; text-decoration:none;}

.sectionMenuLink
{
	text-decoration:none;
}
.sectionNonActiveLink
{
	font-size:xx-small; color: Black;
}

/*************************** DocumentDocument.ascx & DocumentUpload.ascs *********************************/
.documentControlText
{
	color:#333; font-size:1.1em;
}
.documentControlGrid
{
	border-color:#F0F0F0;
	border-style:solid;
	border-width:1px;
	color:#333; font-size:1.1em;
	width:95%;
}
.documentControlGridHeader
{
	text-align:left;
	color:#333; font-size:1.1em; 
}

.documentControlPanel
{
	height:120px;
	width: 95%;
	border-style:solid;
	border-color:#F0F0F0;
	border-width: 1px;
}


.documentControlRadio
{
	width:261px;
	color:#333; font-size:1.1em;
}

/* needed 
.documentControlButton
{
	font-family: Verdana;
	font-size:small;
}



.documentControlGridFooter
{

}

.documentControlGridItem
{
}

*/



/******************************* SectionReview.ascx **********************************************/
.text
{
	color:#333; font-size:1.1em; margin-bottom:15px;
}

.questionText
{
	color:#333; font-size:1.1em; margin-bottom:15px;
	vertical-align:middle;
	text-align:left;
}

.questionsTable
{
	width:100%;
	border-style:groove;
	border-width:1px;
	border-color:#DCDCDC;
}


/******************************** SystemAuditSchedule.ascx ***************************************/
.sasLabel
{
	color:#333; font-size:1.1em; margin-bottom:15px;
}
.sasGrid
{
	color:#333; font-size:1.1em;
	width:95%;
	border-style:solid;
	border-width:1px;
	border-color:#F0F0F0;
}

.sasGridHeader
{
	color:#333; font-size:1.1em;
	width:95%;
	border-color:#F0F0F0;
	background-color:#F0F0F0;
	text-align:left;
	border-style:solid;
	border-width:1px;
}


/***************************** ResponsbilityKey.ascx ***************************************************/
.roleAssigned
{
	background-color: #87CEFA;
}

.roleUnassigned
{
	background-color:#F5F5DC;
}

.roleKeyPanel
{
	width:95%;
	height: 65px;
}


/******************************* OrganisationalChart.asxx ***************************************/
.orgChartTable
{
	width: 97%;
	border-style:solid;
	border-color:#F0F0F0;
	border-width:1px;
}
.columnHeader
{
	background-color:#F0F0F0;
	color:#333; font-size:1.2em; margin-bottom:15px;
	font-weight:bold;
	padding-top: 5px;
    padding-bottom: 5px;
    padding-left:5px;
}
.row
{
}
.deleteCell
{
	text-decoration:line-through;
	border-width:1px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
	width:50%;
	border-style:groove;
	border-color:#DCDCDC;
	background-color:#DCDCDC;
}
.orgChartCell
{
	border-style:groove;
	border-color:#DCDCDC;
	border-width:1px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
	width:50%;

}

.orgChartCellDel
{
	border-style:groove;
	border-color:#DCDCDC;
	border-width:1px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
	text-align:center;
}

.assignedRow
{
	background-color:Aqua;
}
.unassignedRow
{
	background-color:#F5F5DC;
}

/******************************* RolesAndResponsibility.ascx ************************************/
.RolesGrid
{
	border-style:groove;
	border-color:#DCDCDC;
	border-width:1px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
	color:#333; font-size:1.2em; margin-bottom:15px;
	font-weight:bold;
	width:95%;
}
.RolesGridHeader
{
	background-color:#F0F0F0;
	color:#333; font-size:1.1em; margin-bottom:15px;
	font-weight:bold;
	padding-top: 5px;
    padding-bottom: 5px;
    padding-left:5px;
}
.RolesTextLabel
{
	color:#333; font-size:1.2em; margin-bottom:15px;
	font-weight:bold;
}
.RolesTable
{
	width:100%;
}
.RolesGridCell
{
}



/******************************** AddEditResponsibility.ascx ************************************/
.editResponsibilityForm
{
	background-color:Silver;
}

.editReponsibilityText
{
	height:200px;
	width:400px;
	font-size:small;
	color:Black;
	font-weight:bold;
}

.editReponsibilityButton
{
	font-size:small;
	color:Black;
	font-weight:bold;
}



/********************************** FormsManager Renderer **********************************************/
.crumbTrail
{
	font-size:small;
	text-decoration:none;
	color:#0098D3;
}

.formsManagerFormId
{
	border-left: solid 1px #B5B5B5;
	border-top: solid 1px #B5B5B5;
	border-bottom: solid 1px #DEDEDE;
	border-right: solid 1px #DEDEDE;
	width:200px;
}

.formsManagerTable /* all tables within forms manager */
{
	width:97%;
	border: solid 1px #DEDEDE;
}

.formsManagerTable td
{
	padding: 5px;
}


.formsManagerTableCellHeader /* row headers for tables */
{
	background-color:#F0F0F0;
	color:#333; font-size:1.3em;
	font-weight:bold;
    padding-left:20px;
}



.formsManagerListSubHeading /* row subheadings for list fields sub headers */
{
	color:Black;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}
.formsManagerTableCell /* cells for tables */
{
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	text-align:left;
	vertical-align:top;
	font-weight: normal;
	border: solid 1px #DEDEDE;
	
}



.formsManagerAutoNumberTableCell /* row headers for tables */
{
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	text-align: center;
	vertical-align:top;
	font-weight: bolder;
	font-size: 1.3em;
	border: solid 1px #DEDEDE;
}

.formsManagerBoldCell
{
	color:#333; font-size:1.2em; margin-bottom:15px;
	font-weight:bold;
}

.formsManagerTableCellSubHeader /* rows for column sub headings */
{
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	text-align:left;
	vertical-align:top;
	color:#333; font-size:1.1em; margin-bottom:15px;
	font-weight:bold;
}

.formsManagerTableCellSubHeader small
{
	font-weight:normal;
	font-size:0.7em;
}

.formsManagerCellLabel /* field label pair */
{
	width:30%;
}


/* this is for all dropdowns and text boxes */
.formsManagerInputField 
{
	border-left: solid 1px #B5B5B5;
	border-top: solid 1px #B5B5B5;
	border-bottom: solid 1px #DEDEDE;
	border-right: solid 1px #DEDEDE;
	width:93%;
	color:#333; font-size:1.1em;
}



.formsManagerMultiLineText /* this is for multi line text boxes */
{
	font-family: 69% Arial, Helvetica, sans-serif;
	border-style:solid;
	border-color:#B5B5B5;
	border-width:1px;
	padding: 2px;
	width:100%;
	height:120px;
	color:#333; font-size:1.1em; margin-bottom:15px;
}

.formsManagerWarningText /* warning label and table labels */
{
	color:#333; font-size:1.1em; margin-bottom:15px;
	text-align: center;
}

.formsManagerDateField
{
	border-style:solid;
	border-color:#B5B5B5;
	border-width:1px;
	width: 27%;
	color:#333; font-size:1.0em;
}

.formsManagerSignatureField
{
	border-style:solid;
	background-color:#F5F5F5;
	border-color:#B5B5B5;
	border-width:1px;
	width: 53%;
	font-weight: bold;
}

.formsManagerText
{
	color:#333; font-size:1.1em; font-weight:bold;
}

.formsManagerHeadings /* used to format section and subsectionheadings */
{
	color:#333; font-size:1.6em; margin-bottom:15px; padding-bottom:40px;
}

.formsManagerSubHeadings /* used to format section and subsectionheadings */
{
	color:#333; font-size:1.3em;
}

.SectionView
{
	padding-left: 20px;
}

/****************************************** Subsection Welcome Pages ************************************************/
.welcomePageTitle
{
	color:#333; font-size:1.6em; margin-bottom:15px;
}

.welcomePageSubTitle
{
	color:#333; font-size:1.4em; margin-bottom:15px;
}

.welcomePageContent
{
	color:#333; font-size:1.1em; margin-bottom:15px; width:90%;
}

.welcomeImage
{
}


/************************************** Tasks.ascx *******************************************************/
.taskGrid
{
	width:100%;
	border-width:1px;
	border-color:#DCDCDC;
	border-style: solid;
	font-size:small;
	color:Black;
}

.taskGridHeader
{
	font-size:xx-small; color: #0098D3; text-decoration: underline;
	background-color:#C0C0C0;
}

.overDueTask
{
	background-color: #FFC0CB;
	font-size:small;
	color:Black;
}

.completededTask
{
	background-color: #ADD8E6;
	font-size:small;
	color:Black;
}

.inprogressTask
{
	background-color: #F5F5DC;
	font-size:small;
	color:Black;
}

.selectedTask
{
	border-color: Red;
	border-width: 2px;
}

.taskPanel
{
	width:350px;
	height:100px;
	font-size:small;
	color:Black;
}


.historyTextArea
{
	border-style:solid;
	border-color:#DCDCDC;
	border-width:1px;
	width:99%;
	font-size:small;
	color:Black;
}

.historyField
{
	border-style:solid;
	border-color:#DCDCDC;
	border-width:1px;
	width:70%;
	font-size:small;
	color:Black;
}



/***************** email delivery *********************/
.alternatingRow
{
	background-color:#F0F8FF;
}

.emailSettingsInputField /* this is for all dropdowns and text boxes */
{
	border-style:solid;
	border-color:#DCDCDC;
	border-width:1px;
	width:70%;
	font-size:small;
	color:Black;
}

.taskInputField
{
	border-style:solid;
	border-color:#DCDCDC;
	border-width:1px;
	width:70%;
	font-size:small;
	color:Black;
}




/**************************** RenderAddNewRow.aspx *********************************************/
.RenderAddNewRowTable
{
	width:100%;
	height:100%;
}

.popupTitle
{
	width:98%;
	background-color: #0098D3;
	color: #ffffff;
	font-weight: bolder;
	font-size:12px;
	padding: 5px;
	vertical-align:middle;
}

.popupLabel
{
	width: 50px;
	text-align:left;
}

.popupTable
{
	width:100%;
	height:80%;
}

.popupDropDown
{
	border-style:groove;
	border-width:1px;
	width:97%;
	background-position:left;
}

.popupDate
{
	font-family: Arial, Helvetica, sans-serif;
	border-style:groove;
	border-width:1px;
	width:95%;
	background-position:left;
}

.popupInputValue
{
	font-family: Arial, Helvetica, sans-serif;
	width:60%;
	background-position:left;
}

.popupText
{
	font-family: Arial, Helvetica, sans-serif;
	width: 60%;
	border-style:groove;
	border-width:1px;
	background-position:left;
	height:60px;
}


/************************ HTML DIV that represents all AJAX pop ups ***************************/
.popupForm 
{
	overflow:hidden;
	height: 196px; 
	width: 196px;
	position : absolute; 
}

.alertBox
{
}



/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	/*background-color:#ffffdd;*/
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Black;
	padding:3px;
	width:670px;
}

.welcomeImage
{
	text-align:center;
	vertical-align:middle;
}

.welcomePageTitle
{
	color:#333; font-size:1.6em; margin-bottom:15px;
}

.welcomePageSubTitle
{
	color:#333; font-size:1.4em; margin-bottom:15px;
}

.welcomePageContent
{
color:#333; font-size:1.1em; margin-bottom:15px;
}



.calendarEx
{
            position:absolute;
            top:0px;
            left:0px;
}