/* Basic Look and Feel definition....*/


.PageStyle
{

}   
        
.ColumnStyle
{
} 
    
.ContainerStyle
{
} 
.ContainerHeader 
{

}  

/*********************************************************/
/************* Jquery UI tabs  CSS************************/

.TabHeader
{
	margin:5px;	
}

.FormContainerStyle 
{
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;    
    padding: 5px 5px;
    position: relative;
}

.ui-datepicker 
{    
	background: none repeat scroll 0 0 White !important;
    border: 1px solid #DDDDDD !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ui-tabs-nav, .ui-helper-reset, .ui-helper-clearfix, .ui-widget-header,  .ui-widget, .ui-corner-all {
    background: none;
    border: none;
    padding:0px; 
    margin:0px; 
}

table td {
    padding: 0px;
    border: none;
    margin: 0px;
}
   
.ContainerBody {

}  
.TableStyle 
{
    width: 100%;
}
    
.guruLabelComponent
{    
    width: 120px;
    font-size: small;   
}


/******************************************************/
/*************RADIO CONTROL CSS************************/
div.jsRadioButtonControl-guru-control
{

    width: auto; }

div.jsRadioButtonControl-selectedBlock
{
    
    width: auto;

}

.jsRadioButtonControl-selectedText
{
    width:auto;
}

.jsRadioButtonControl-unselectedListItemImage
{
}
.jsRadioButtonControl-selectedListItemImage
{
}

.jsRadioButtonControl-Label
{
	padding: 3px;	
}

div.jsRadioButtonControl
{
    width: auto; 
    overflow: auto;    
    background-color: #fff;
    padding: 3px;
}

.jsRadioButtonControl-invalidItem
{    
    color: #ff0000;
}

.jsRadioButtonControl-constrainedItem
{
    color: #808080;
}

.jsRadioButtonControl-selectedItem
{
    color: #0000FF;   
}

/******************************************************/
/*************LIST CONTROL CSS************************/
div.jsLabelComponent
{    
}

div.jsListControl-guru-control
{
    width: auto; 
}

.jsListBoxControl-control-div
{
}
    
.jsListBoxControl-control-table
{
}

.jsListBoxControl-item
{
}

tr.jsListBoxControl-item > td
{
}

.jsListBoxControl-item:hover
{
    background-color: #99CCFF;
}

.jsListBoxControl-item:active
{
    color: Black;
    background-color: White;
}

.jsListBoxControl-invalidItem
{
    color: #FFFFFF;
    background-color: #FF0000;
}

.jsListBoxControl-constrainedItem
{
    color: #808080;
    background-color: White;
}

.jsListBoxControl-constrainedItem:hover
{
    color: #666699;
}

.jsListBoxControl-constrainedItem:active
{
    color: #808080;
    background-color: White;
}

.jsListBoxControl-selectedInvalidItem
{
    color: #FFFFFF;
    background-color: #FF0000;
}

.jsListBoxControl-selectedInvalidItem:hover
{
    color: #FF0000;
}

.jsListBoxControl-selectedInvalidItem:active
{
    color: #FFFFFF;
    background-color: #FF0000;
}

.jsListBoxControl-selectedListItem
{
    color: #FFFFFF;
    background-color: #0000FF;
}

.jsListBoxControl-selectedListItem:hover
{
    color: #0000FF;
}

.jsListBoxControl-selectedListItem:active
{
    color: #FFFFFF;
    background-color: #0000FF;
}

/* IAN */
.jsListBoxImageControl-control-div
{
}
    
.jsListBoxImageControl-control-table
{
}

.jsListBoxImageControl-item
{
}

tr.jsListBoxImageControl-item > td
{
}

.jsListBoxImageControl-item:hover
{
    background-color: #99CCFF;
}

.jsListBoxImageControl-item:active
{
    color: Black;
    background-color: White;
}

.jsListBoxImageControl-invalidItem
{
    color: #FFFFFF;
    background-color: #FF0000;
}

.jsListBoxImageControl-constrainedItem
{
    color: #808080;
    background-color: #D3D3D3;
}

.jsListBoxImageControl-constrainedItem:hover
{
    color: #666699;
}

.jsListBoxImageControl-constrainedItem:active
{
    color: #808080;
    background-color: #D3D3D3;
}

.jsListBoxImageControl-selectedInvalidItem
{
    color: #FFFFFF;
    background-color: #FF0000;
}

.jsListBoxImageControl-selectedInvalidItem:hover
{
    color: #FF0000;
}

.jsListBoxImageControl-selectedInvalidItem:active
{
    color: #FFFFFF;
    background-color: #FF0000;
}

.jsListBoxImageControl-selectedListItem
{
    color: #FFFFFF;
    background-color: #0000FF;
}

.jsListBoxImageControl-selectedListItem:hover
{
    color: #0000FF;
}

.jsListBoxImageControl-selectedListItem:active
{
    color: #FFFFFF;
    background-color: #0000FF;
}
/* IAN */




div.jsCarouselControl-guru-control
{

}

.jsListControlDropDown
{    
    width:auto;
    overflow:visible;
}

div.jsListControl-selectedblock
{
    padding: 1px;
    width: 225px;
    height: 16px;
}

.jsListControl-selectedtext
{
}

.jsListControl-ddl-img
{
}

div.jsListControl-prodListed
{
    /* overflow: auto; */
    position: relative;
    text-align: left;
}

.jsListControl-prodListed-selected
{
    /* overflow: auto; */
    position: relative;
    text-align: left;
}

.jsListControl-prodListed-invalid
{
    /* overflow: auto; */
    position: relative;
    text-align: left;
}

div.jsCarouselControl
{
    
}

.jsListControl-prodListed select
{
    
}
.jsListControl-prodListed select option
{
	
}

.jsListControl-prodListed select:hover
{

}

.jsListControl-prodListed-selected select
{
    color: #FFFFFF;
    background-color: #0000FF;
}

.jsListControl-prodListed-invalid select
{
    color: #FFFFFF;
    background-color: #FF0000;
}

.jsListControl-invalidItem
{
    color: #ff0000;
}

.jsListControl-constrainedItem
{
    color: #FF9966;
}

.jsListControl-item
{
    color: Black;
    background-color: White;
}

.jsListControl-item:hover
{
    border: 1px solid #999999;
    background-color: #99CCFF;
}

.jsListControl-item:active
{
    color: Black;
    background-color: White;
}

.jsListControl-constrainedItem
{
    color: #808080;
    background-color: White;
}
.jsListControl-constrainedItem:hover
{
    color: #666699;
    border: 1px solid #999999;
    background-color: #99CCFF;
}

.jsListControl-constrainedItem:active
{
    color: #808080;
    background-color: White;
}

.jsListControl-selectedInvalidItem
{
    color: #FFFFFF;
    background-color: #FF0000;
}

.jsListControl-selectedInvalidItem:hover
{
    color: #FF0000;
    border: 1px solid #999999;
    background-color: #99CCFF;
}

.jsListControl-selectedInvalidItem:active
{
    color: #FFFFFF;
    background-color: #FF0000;
}

.jsListControl-selectedItem
{
    color: #FFFFFF;
    background-color: #0000FF;
}

.jsListControl-selectedItem:hover
{
    color: #0000FF;
    border: 1px solid #999999;
    background-color: #99CCFF;
}

.jsListControl-selectedItem:active
{
    color: #FFFFFF;
    background-color: #0000FF;
}


.jsListControl-selectedListItem
{
    
}


/*************GRID CONTROL CSS************************/
.jsGridRow-selectedItem
{
	font-weight: bold;
    color: whitesmoke;
    background: #808080;
}
.jsGridRow-invalidItem
{
	color: #FF9966 !important;
    background: #808080;
}
.jsGridRow-unselectedItem
{
    color: black;	
}
.jsGridRow-constrainedItem
{
	color: #FF9966 !important;
}
/*************GRID CONTROL CSS************************/

.jsCheckBoxListControl-Label
{
	
}

.jsCheckBoxListControl-constrainedItem
{
    color: #808080;
}

.jsCheckBoxListControl-invalidItem
{
    color: #ff0000;
}

/*********************************************************/
/*************CHECKBOX CONTROL CSS************************/
div.jsCheckBoxControl-guru-control
{
}

div.jsCheckBoxControl-prodListed
{
   
}

.jsCheckBoxControl-invalidItem
{
    color: #ff0000;
}

.jsCheckBoxControl-constrainedItem
{
    color: #808080;
}

.jsCheckBoxControl-selectedListItem
{
    
}


/*********************************************************/
/*************NUMERIC CONTROL CSS************************/
.jsNumericControl
{
    text-align: left;
    padding-right: 25px;    
}

.jsNumericControl-invalidItem
{
    color: #ff0000;
}

.jsNumericControl-constrainedItem
{
    color: #C0C0C0;
}

/*********************************************************/
/*************TEXTBOX CONTROL CSS************************/
.jsTextBoxControl-invalidItem
{
    color: #ff0000;
}

.jsTextBoxControl-constrainedItem
{
    color: #FF9966;
}


/*********************************************************/
/*************TEXTAREA CONTROL CSS************************/
.jsTextAreaControl-invalidItem
{
    color: #ff0000;
}

.jsTextBoxControl-constrainedItem
{
    color: #FF9966;
}


/*********************************************************/
/*************Date CONTROL CSS************************/
.jsDateControl
{
    text-align: left;
    padding-right: 25px;
    width: 150;
}
.jsDateControl-invalidItem
{
    color: #ff0000;
}

.jsDateControl-constrainedItem
{
    color: #FF9966;
}

.optionImage {
    width: 100px;
}


.jsTrafficLight
{
	width:20px;
	height:20px;
	min-width:20px;
	min-height:20px;
}