/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
.field-validation-error
{
    display: inline-block !important;
}

/* TABLE
----------------------------------------------------------*/
/* MISC  
----------------------------------------------------------*/
#logindisplay
{
    margin-top: 5px;
}
div#widgemadgetBackground
{
    height: 60px;
    background: #3b3b3b url(Images/widgemadget/widgemadget_bg.png) repeat-x top left;
    color: #e5e5e5;
}
.widgemadgetTaskIcon .statusLabel
{
    padding-top: 8px; /* TODO: shotbolt thinks this line should be deleted. */
}
.userMenu li
{
    padding: 0 8px 0 8px; /* TODO: shotbolt- compare and contrast with MvcPortal and InsurerPortal */
}

.taskWorkFlowManagement
{
    width: 1146px !important;
}


/* MvcInternalPortal specific styling
--------------------------------------------------------------------------------------------------------------------*/
/* CSS styling below this point is specific to MvcInternalPortal
(ie they are not overrides for CommonMvc.css
----------------------------------------------------------*/
/* 
CSS styling below this point may be shared between InsurerPortal and InternalPortal but does not
appear in MvcPortal. It may still be able to be tidied up somewhat.
*/



#dvAll 
{
	padding: 10px 0px;		
}
#dvDetail 
{
	padding: 10px 0px;		
}

.mainPanelRight
{
    border-left: 1px dotted #a1a1a1;
    /* background-image: todo*/
    float: left;
    padding-left: 10px;
    width: 38%;
}
.treeNav {
	
	
}

a.additionLink
{
	font-style: italic;
	font-size: 1.0em;
	
}
.treeNodeForm, .treeNodeProd, .treeNodeRSV {
	
	color: #bd4804;
	font-size: 1.8em; 	
	padding-right: 6px;	
	border-right: dotted lightgrey 1px;		
}

.sectionText, .ruleInstanceText 
{
	color: #bd4804;
	text-transform: uppercase;
	font-weight: bold;
	
}

.groupText, .ruleParameterText {
	
	color: #ae8d0b;
	text-transform: uppercase;
	font-weight: bold;
}

.chargeText {

	color: #ac1e1e;
	text-transform: uppercase;
	font-weight: bold;
}

.questionText, .ruleOperationText {
	
	color: #758a2d;
	text-transform: uppercase;
	font-weight: bold;
}
.detailsHeading {
	font-size: 1.6em;
    color: #454545;
    font-family:   news-gothic-std, Trebuchet MS , Verdana, Helvetica, Sans-Serif; /*font-family: 'Lucida Sans Unicode' , 'Lucida Grande' , sans-serif;*/
}

.requirementText {
    color: #ac1e1e;
	text-transform: uppercase;
	font-weight: bold;
}

.requirementTextDocument {
    color: navy;
	text-transform: uppercase;
	font-weight: bold;
}

.requirementTextGroup {
    color: #ac1e1e;
	text-transform: uppercase;
	font-weight: bold;
}

.requirementTextForm {
    color: #bd4804;
	text-transform: uppercase;
	font-weight: bold;
}

.requirementTextSureMedService {
    color: #758a2d;
	text-transform: uppercase;
	font-weight: bold;
}

.requirementTextSureMedServiceComponent {
    color: #ae8d0b;
	text-transform: uppercase;
	font-weight: bold;
}

.successMessage {	
	color: green;
	font-weight: bold;
}
.riskTypeStrip, .factorStrip, .itemTypeStrip, .chargeStrip, .requirementStrip, .ruleInstanceStrip, .ruleParameterStrip, .ruleOperationStrip{
	
	border-bottom: solid 1px lightgrey; padding: 6px 2px; 
}

.ruleInstanceStrip, .ruleParameterStrip, .ruleOperationStrip {
    width: 100%
}
.riskTypeStrip, .ruleInstanceStrip {
	 padding: 6px;     
	 background-color: #f9ece6;
}
.riskTypeStrip {
      width: 93%;
}
.itemTypeStrip {
         width: 94%;
}
.factorStrip, .chargeStrip {
             width: 94%;
}
.sortrequirementchildren {
    padding-left: 12px !important;
}

.dragPlaceholder {
    height: 30px;
    margin-left: 20px;
    margin-bottom: 2px;
    width: 100%;
    background-color: #E0E0E0;
}

.sortclick {
	right: 0px;
	background-image: url('images/sort2.png');
	background-repeat: no-repeat;
	background-position: 5px 3px;
}

.sortcontainer {
	margin: 0 auto; padding: 0em; overflow:auto; overflow-y:hidden; overflow-x: hidden;
}
.sortcontrol     {
	cursor: move;
	position: absolute;         
	top: 0;         
	width: 30px;
	height: 26px;
    margin-right: 4px;
    padding-bottom: 4px;
    border-bottom: solid 1px lightgrey;
}
 .sortableelement{
    height: 100%;
    padding-left: 20px;         
    position: relative;
    background-color: white;
    background-image: url('images/Arrow.png');
    background-repeat: no-repeat;
	background-position: 8px 5px;
}   
        
.sortableSection{
    height: 100%;              
    position: relative;
}   
.viewoptionseditors
{
	padding: 2px;
}
.viewoptionseditors input, .viewoptionseditors select
{
	width: 182px;
}

 .auditReleasePackage input
{
	width: 100px;
}
.detaileditors input[type='text'], .detaileditors textarea,  .fullCodeDisplay,  .detaileditors input[type='number']
{
	width: 307px;

}
 .detaileditors select {
    width: 317px;
     
 }
.fullCodeDisplay 
{
    border: none;
    display: block;
    font-weight: normal;    
    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP Printers */
    word-wrap: break-word; /* IE 5+ */
    font-weight: bold;
}

.tableVersions
{
    height:400px
}	
.detaileditors textarea
{
	height: 50px;
}
.changedindicator
{
	font-size: 1.4em;font-weight: bold; color: red;
}
.viewoptionsdisplay table {

    padding-left: 6px;width: 460px;
}
.operationTreeBranch {

    padding-left: 8px;
}

.contextInRuleHighlight {
    background-color: yellow;    
}
.selectTT, .unselectTT, .selectedTT {
    
        cursor: pointer;
}
    .selectReq, .unselectReq, .selectTable, .unselectTable 
    {
        border: solid darkgray 1px;
        padding: 0px 4px;
        cursor: pointer;
    }
    .selectReq
    .selectTT
    .selectTable
    {
        margin-bottom: 4px;
    }
    .clickedReq,
    .clickedTT,
    .clickedTable
    {
        background-color: darkgray;
    }
    .selectedReq,
    .selectedTT,
    .selectedTable
    {
        background-color: lightblue;
    }
    .selectedCol
    {
        padding: 2px;
        background-color: lightblue;
    }
    .selectableCol
    {
        padding: 2px;
        background-color: white;
    }
    .selectedRequirements, .unselectedRequirements
    {
        background-color: white;
        padding: 2px;
        height: 100px;
        overflow-y: scroll;
    }
    .tableVersionSelect
    {
    }    
    .selectedTables, .unselectedTables
    {
        background-color: white;
        padding: 2px;
        height: 400px;
        width: 350px;
        overflow-y: scroll;
    }
    
    .requirementEditors
    {
        padding: 2px;
    }
    .requirementEditors input
    {
        width: 100px;
    }
    .disabled input, .disabled div, .disabled .requirementEditors input
    {
        background-color: #E0E0E0;
    }

/** Put back in when widening the portal*/
.page
{
	width: 1220px;
	margin-left: auto;
	margin-right: auto;
    margin-bottom: 64px;
	background: #FFFFFF no-repeat top left;
	padding-bottom: 10px;
}

.widgemadgetLeftHeader
{
	float: left;
	position: relative;
	margin-right: 30px;
	width: 400px;
}

div#widgemadget
{
	text-align: left;
	padding-left: 40px;
	width: 1271px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	vertical-align: middle;
	font-size: 32px;
	font-weight: lighter;
	font-family: news-gothic-std;
	padding-top: 6px;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel
{
    display: block;
    border-width: 0;
    padding: 0.6em 0em;
    background: none;
}

.summaryTable .labelColumn
{
	text-transform: uppercase;
	color: #202020;
	border-bottom: 1px solid white;
	border-right: 1px dotted white;
    border-spacing: 8px;
	padding: 5px;
}


.delepoteViewOption {

    cursor: pointer;
}

.topHeader 
{
    border-bottom: solid 2px #b7b7b7; padding: 2px; margin-bottom: 2px;width: 98%;    
}

.cutElement {

    filter: alpha(opacity=50);
    opacity: 0.5;
 }
 .lookupControls {

     margin-right: 80px !important;
 }
 
.indent
{
    width:12px;
    display:inline-block;
}

.prodconfigspinner
{
    position: absolute;
    margin-top: -3px;
}

.workingVersionIndicator {

    color: red;
    font-weight: bold;
}

.addSubject, .deleteSubject {
    cursor: pointer;
    background-color: white;
}


/* 
Examples for custom icons in the knlGrid.

Icons use sprite blitting
*/
div.knlImageIcon.knlChangeBranchIcon
{
	background-image: url('images/branch_icon.jpg');
	width: 21px; 
	height: 24px; 
}
div.knlImageIcon.knlChangeBranchIcon.knlChangeBranchIconGoldStyle
{
	background-image: url('images/branch_icon_gold.jpg');
}
div.knlImageIcon.knlChangeBranchIcon:hover {
	background-position: -24px 0px;
	cursor: pointer;
}
div.knlImageIcon.knlChangeBranchIcon.knlGridDisabled {
	background-position: -48px 0px;
}
div.knlImageIcon.knlChangeBranchIcon.knlGridDisabled:hover {
	background-position: -48px 0px;
	cursor: default;
}

div.feedbackMessage {
    background-color: #E0EAEC;
    border: solid 1px #dae3ea;
    padding: 5px;
}

div.feedbackMessage.errorText {
    color: red;
}

div.feedbackMessage.successText {
    color:     #454545;

}


.style_ScenarioGeneratorSettings {position: relative;padding: 0;border: 1px solid #efefef;background: #fff;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; -moz-border-radius: 0px !important;-webkit-border-radius: 0px !important;-khtml-border-radius: 0px  !important;} 

.two-columns-multiselect ul {
    width: 300px;
    height: 100px;
    background-color: white;
    padding: 2px;
    overflow-y: scroll;
    float: left;
    border: 1px #ABABAB solid;
    border-radius: 5px;
}

.two-columns-multiselect p {
    float: left;
    width: 80px;
    padding: 10px;
}

.two-columns-multiselect p input {
    width: 80px;
}

.two-columns-multiselect ul li {
    list-style: none;
    font-weight: normal;
    cursor: default;
    border-radius: 1px;
    padding-left: 2px;
}

.ul-resizable {
    display: inline-block;
    border: 1px solid;
    padding: 10px;
    resize: both;
    overflow: auto;
    min-height: 100px;
    max-height: 100%;
    min-width: 300px;
    max-width: 300px;
}

.two-columns-multiselect ul li.selected {
    list-style: none;
    background-color: dodgerblue;
    color: white;
}
:disabled, input:disabled {
    background-color: #eeeeee !important;
}
.two-columns-multiselect.disabled ul {
    background-color: #eeeeee !important;
}
.dialog-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;  
}
.dialog {
    position: relative;
    margin: 0 auto;
    overflow-y: hidden;
    background: white;
    border: black 1px solid;
    width: 820px;
    height: 480px;
    top: 240px;
    padding: 20px
}

/* datetime input fields with the Datepicker */
.hasDatepicker {
    width: 200px;
}

/* Rule Set Version Script Rules ---------- */

#rulesetversion-scriptdetails-container textarea {
    height: auto;
}

/* ---------- Rule Set Version Script Rules */