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

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

/* LINKS */ 



a.menu:link {  color: #BFE5F4; text-decoration: none}
a.menu:visited {  color: #BFE5F4; text-decoration: underline}
a.menu:hover {  color: #FFFFFF; text-decoration: underline}

.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;}

/* 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; }
.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-family: Helvetica, Arial, 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-family: Helvetica, Arial, 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-family: Helvetica, Arial, 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-family: Helvetica, Arial, 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-family: Helvetica, Arial, sans-serif;
    color: #333;
    font-weight:bold;
}

.accordionContent
{
	border-top: dotted 0.15em #B8B8B8;
    background-color: #FFFFFF;
    text-decoration:none;
    font-family: 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-family: 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;
}
***********************/



/******************************* 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;
}

.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: Helvetica, Arial, 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;
}



.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;
}




/************************************** 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;
}


.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 /*used in 3dss.js*/
{
	font-family: Helvetica, Arial, sans-serif;
	border-style:groove;
	border-width:1px;
	width:95%;
	background-position:left;
}

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

.popupText
{
	font-family: Helvetica, Arial, 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; 
}


/*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;
}






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





/* fix for rendering MS Atlas TABS in IE */
.my_tab .ajax__tab_header
{
	background: url("images/tab-line.gif") repeat-x bottom;
}
.my_tab .ajax__tab_outer
{
	background: url("images/tab-right.gif") no-repeat right;
	height: 21px;
}
.my_tab .ajax__tab_inner
{
	padding-left: 3px;
	background: url("images/tab-left.gif") no-repeat;
}
.my_tab .ajax__tab_tab
{
	height: 21px;
	padding: 4px;
	margin: 0;
	background: url("images/tab.gif") repeat-x;
}
.my_tab .ajax__tab_hover .ajax__tab_outer
{
	background: url("images/tab-hover-right.gif") no-repeat right;
}
.my_tab .ajax__tab_hover .ajax__tab_inner
{
	background: url("images/tab-hover-left.gif") no-repeat;
}
.my_tab .ajax__tab_hover .ajax__tab_tab
{
	background: url("images/tab-hover.gif") repeat-x;
}
.my_tab .ajax__tab_active .ajax__tab_outer
{
	background: url("images/tab-active-right.gif") no-repeat right;
}
.my_tab .ajax__tab_active .ajax__tab_inner
{
	background: url("images/tab-active-left.gif") no-repeat;
}
.my_tab .ajax__tab_active .ajax__tab_tab
{
	background: url("images/tab-active.gif") repeat-x;
}
.my_tab .ajax__tab_body
{
	border: 1px solid #999999;
	border-top: 0;
	padding: 8px;
	background-color: #ffffff;
}