/* Master Detail Form styles */
input[type="date"] {
    width:140px;
}




/* Main Container */
#MasterDetailContainer {
    width:1000px;
}

/* Main Grid */
#MasterGrid {
    width:100%;
}

/* Search Panel */
#GridSearchPanel 
{
    margin-top:8px;
    margin-bottom:14px;   
   
    padding:0;
    margin-right:0;
}

 #GridSearchPanel input[type="text"] 
 {  
    padding:2px 3px 2px 3px;
    color:#555555;
 }

  #GridSearchPanel select 
  {   
   width:150px;
   padding:2px 3px 2px 3px;
   color:#555555;
  }

 #GridSearchPanel input[type="submit"]  
{    
    background: #72c8c9; 
    color: #fff;
    font-size: 12px;
	padding: 5px 10px 3px 10px;       
    

	text-transform: uppercase;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
    border: none;	
    margin-left:10px;
    margin-right:0px;
}
 
#GridSearchPanel input[type="submit"]:hover {
    
     font-weight:bold;
     cursor: pointer;
}

div.progressContainer
{
    position:absolute; 
    width:20%;    
    margin-left:40%;
    margin-right:40%;
    margin-top:100px;
}
 
 .autocomplete_completionListElement
{
    margin : 0px!important ;
    background-color : #ffffff; /*inherit  ;*/
    color : windowtext ;
    border : buttonshadow ;
    border-width : 1px ;
    border-style : solid ;
    cursor: pointer !important;    
    overflow : auto ;
    height : 200px ;
    font-family : Tahoma ;
    font-size : small ;
    text-align : left ;    
    list-style-type : none ;
    margin-left:0px;
    padding-left:2px;
    }
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
   {
    background-color : #ffff99 ;
    color : black ;
    padding : 1px ;
    }

    /* AutoComplete item */
.autocomplete_listItem
{
    background-color :#ffffff;  
    color : windowtext ;
    padding : 1px ;
}

/* Detail Tabs */
#PanelDetail 
{
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 0px;
    margin:0px;
    display:inline-block;
    width:100%;     
}

#PanelTabContainer 
{
    width:100%;  
    height:34px;  
    color:#666666;
    background-color:#dedede;
    padding-left:0px;    
    white-space:nowrap;
    overflow-x: hidden;
    overflow-y: hidden;   
    margin-top: 0px;
    background-image: url(../images/grid/gridHeaderBack.gif);
    margin-bottom:10px;
}

#PanelTabContainer div
{         
        display: inline-block;  
        vertical-align:bottom;
        white-space:nowrap;
        padding: 6px 14px 6px 14px;
        font-size:12px;       
        margin: 0px 1px 0px 2px;
}

#PanelTabContainer div a:active, a:link, a:visited 
{
  color:royalblue;
}

#PanelTabContainer div.selected
{        
   /* background-image: url(../images/nav2backSelected.gif); */    
    background-color:#ffffff;
    font-weight:600;
    padding-bottom:8px;
    padding-top:8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 1px solid #ccc; 
    -moz-border-top-radius: 5px; -webkit-border-top-radius: 5px; 
    border-left: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
}

/* Detail Form Panel - nowrap for multiple columns */
div.detailFormContainer 
{    
 width:990px; 
 padding-left:0px;
   margin:0;
}

div.detailPanelShow 
{
    display:block;
    white-space:nowrap;
    float: left;
}

div.detailPanelShow div
{   
  
}

div.hide 
{
  display:none;
}

div.masterGridContainer {
    min-width:960px;
}

div.detailPanelHeader {
    margin-right: 20px;
    margin-left: 10px;
    margin-bottom: 0px;
    vertical-align: top;    
    width: 950px;
}

div.detailPanelTitle {
    font-size: 16px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    width: 630px;
    margin-right: 0px;
   
    text-align: left;
 
    float:left;
    overflow: hidden;
}

div.detailPanelButtons {
    float: right; 
    display: inline-block; 
    margin: 0;
    text-align: right;
}

div.detailPanelHeader input[type="submit"]
{
    margin-right:2px;
    width:100px;
    height:26px; 
}

div.detailPanelSingleCol 
{
    margin-left:20px;
}

/* form rows */
input[type="submit"].SearchButton 
{
    width:22px;
    height:22px;
    margin-top:0;
    padding:0;
}

/* Scrollable, selecable list */
        div.scrollable {
            border:solid 1px #bbbbbb;
            margin-top:0px;
            width:450px;
    overflow:scroll;
    height:200px;
}

         div.scrollable-wide {
            border:solid 1px #bbbbbb;
            margin-top:0px;
            width:450px;
    overflow:scroll;
    height:200px;
}

        #feedback {
            font-size: 1.2em;
        }

        #selectable .ui-selecting, #guidingParentSelectable .ui-selecting {
          /*  background: #FECA40;*/
          background:#1e90ff;
        }

        #selectable .ui-selected,#guidingParentSelectable .ui-selected {
           /* background: #F39814; */
            background:#1e90ff;
            color: white;
        }

        #selectable,#guidingParentSelectable {
            list-style-type: none;
            margin: 0;
            padding: 0;
            width: 100%;
        }

        #selectable li,#guidingParentSelectable li {
            margin: 1px;
            padding: 0;
            font-size: 1.2em;              
         }
        
    #selectable li:hover,#guidingParentSelectable li:hover {
    color:#555555;
    background-color:#eeeeee;
    cursor:pointer;
}
 
.scrollable-wide span.column1,         
.scrollable span.column1
{    
    display:inline-block;
    white-space:nowrap;
    width:70px;          
    padding-left: 0px;
    padding-right:0px; 
}

.scrollable span.column2,
.scrollable-wide span.column2
{    
    display:inline-block;
  white-space:nowrap;
    width:200px;          
    padding-left: 0px;
    padding-right:0px; 
}

.scrollable span.column3,
.scrollable-wide span.column3
{    
    display:inline-block;
    white-space:nowrap;
    width:100px;          
    padding-left: 0px;
    padding-right:0px; 
}






/*end scrollable list */

/* assuming all spans in the form are labels */


div.detailPanelCol ul{list-style-type: none;float:left;width:450px;margin:0;padding-left:5px;padding-top:10px; }
div.detailPanelCol ul li{float:left;width:450px;margin-top:2px;line-height:1;}
div.detailPanelCol 
{
    float:left;
    text-align:left;  
    white-space:nowrap;
    display:inline-block;
    width:450px;
    padding: 0;
    margin-bottom:10px;      
    margin-right:20px;
    vertical-align:top;
  
}


div.detailPanelCol2 ul{list-style-type: none;float:left;width:300px;margin:0;padding-top:10px;padding-left:0px; padding-right:0px; }
div.detailPanelCol2 ul li{float:left;width:300px;margin-top:2px;line-height:1;}
div.detailPanelCol2 
{
    float:left;
    text-align:left;  
    white-space:nowrap;
    display:inline-block;
    width:300px;
    padding: 0;
    margin-bottom:10px;      
    margin-right:20px;
    vertical-align:top;
   
   
}

.detailPanelCol span.formLabel
{
    float:left;
    width:155px;    
    text-align:right;    
    padding-left: 0px;
    padding-right:10px;        
    white-space:nowrap;
    display:inline-block;   
    padding-top:8px;    
}

.detailPanelCol span.formLabelNarrow
{
    float:left;
    width:110px;    
    text-align:right;    
    padding-left: 0px;
    padding-right:10px; 
    padding-top:6px;       
    white-space:nowrap;
    display:inline-block;   
}

.detailPanelCol2 span.formLabel
{
    float:left;
    width:155px;    
    text-align:right;    
    padding-left: 0px;
    padding-right:10px;        
    white-space:nowrap;
    display:inline-block; 
    background-color:red;
}

div.detailPanelCol span.formLabelNarrow,
div.detailPanelCol2 span.formLabelNarrow
{
    float:left;
    width:112px;    
    text-align:right;    
    padding-left: 0px;
    padding-right:10px;   
    padding-top:8px;      
    
}

.detailPanelCol input[type="text"],input[type="Email"],.detailPanelCol2 input[type="text"],input[type="Email"]
{
    width:230px;
    color:#555555;      
    margin:0; 
}

.detailPanelCol input[type="date"]
{
    width:230px;
    color:#555555;    
    
    margin:0;   
     padding-top:2px;
    padding-bottom:2px;
    padding-left:0px;
}

.detailPanelCol select.selectLabel,.detailPanelCol2 select.selectLabel
{
    width:108px;
}

.detailPanelCol select,
.detailPanelCol2 select
{
    width:230px;   
    color:#555555; 
    padding-top:2px;
    padding-bottom:2px;
    padding-left:0px;
}

/* End Form Columns  */

/* Eza detail panel */
/* assuming all spans in the form are labels */
div.ezaPanelCol ul{list-style-type: none;float:left; width:100%; margin-left:0;padding-left:0px;}
div.ezaPanelCol ul li{float:left;margin-top:2px;  display:inline-block;  white-space:nowrap;width:100%;  margin-left:0; }

div.ezaPanelCol 
{    
    float:left;
    border:1px none green;
    text-align:left;
    margin-left:0px;
    padding-left:10px;
    width:100%;
}


.hide-inline 
{
    display:inline-block;
    border: 1px solid white;
    visibility: hidden;
}


.radioEza input[type="radio"] {
    margin-left:20px;
    margin-right:0px;
     padding-top:6px;      
    padding-bottom:6px;   
}
    

.radioEza label {
    width:120px;
   font-weight:normal;
   padding-right:0px;
   padding-left:8px; 
   margin:0; 
}

.ezaPanelCol hr
{
    width:100%px;
    border-color:#ccc;
     margin-top:3px;      
    margin-bottom:3px; 
}

.ezaPanelCol span.formLabel
{
    background-color:#efefef;
    float:left;
    width:150px;    
    text-align:right;    
    padding-left: 0px;
    padding-right:10px; 
    padding-top:6px;      
    padding-bottom:6px;              
    margin-right:10px;
    margin-left:0px;
}

.ezaPanelCol span.formLabelNarrow
{
    float:left;
    width:112px;    
    text-align:right;    
    padding-left: 0px;
    padding-right:10px;       
}

.ezaPanelCol input[type="text"],input[type="email"] 
{
    width:100px;
    color:#555555;
    padding-left:6px;
    margin-right:6px;
    margin-top:3px;      
    margin-bottom:3px;  
    margin-left:0px; 
}

.ezaPanelCol input[type="date"]
{
    height:26px;
    width:140px;
    color:#555555;
    padding-left:6px;
    margin-right:6px;
          
    margin-bottom:3px;   
    margin-left:0px; 
}

.ezaPanelCol select.selectLabel
{   
    margin-top:3px;      
    margin-bottom:3px; 
}

.ezaPanelCol select
{
   width:140px;   
   color:#555555; 
       
   margin-bottom:3px; 
    height:26px;
     margin-left:0px; 
}

div.PanelEzaButtons {
    text-align:left;
    margin-left:30px;
    padding-left:0px;
}

/*END MEMBERSHIP-> Eza Panel */

#PanelPageBody
{    
     border: 1px solid #ccc; background: #f7f7f7; 
     padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:10px; 
     margin-top: 0;  
     margin-left:0;
     margin-right:0;
     margin-bottom:0;
}


/* Translation Support (popups) */
#showTransLink:hover 
{
   cursor: pointer;
}

#PanelTranslation 
{    
  position:absolute;
  left:20px;
  top:20px;   
  padding:14px 14px 14px 14px;
  border: 2px solid orange;
  background-color: white;   
  display:none;
  z-index: 100;
  overflow: auto;  
  background-color: #eed; box-shadow: 0 0 10px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); -o-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
}

input[type="text"].NoBorder 
{
    background-color:transparent;
    border: 0px solid;
    padding-left:4px;

    
}

.colhead 
{
    text-align:center;
    font-weight:600;
    color:#7777777;    
}

.NoBorder 
{    
    background-color:transparent;
    border: 0px solid;    
}