/*
/\/\/\/\/\/\/\/\/\/\/\/\/\/\*  Program MAINTENANCE Log
*Copyright (c) 2002, by ULTRADATA AUSTRALIA PTY LTD
*Rel  byWhom  When              ReviewedBy When
---  ------  ----              ---------- ----
'1.5.0  WKcheah 24Feb12
'       [PD1622B]
'       Modified to only apply text colour #c0c0c0 !important to disabled classes
'1.5.0  DJay    24Oct11
'	    [PD1245B - PC1612C # 49]
'       Modified the icon35Pseudodisabled to ensure they look disabled (including text), 
'           but normal upon mouse over
'       Added class icon35UnSelectable
'1.5.0	YFWong	16Dec11
'		[PD1625B]
'		Modified the hovering style color to "Black" for all button state.
'1.5.0  CBooth 26Apr11
'	 [PD1245B]
'   Made adjustments to allow for smaller text
'1.5.0  DJay 28Jan11
'   [PD1245B]
'   Modified to fix styles so that we can dock (float) the image button
'       (see LearnPR150/IconSample3.aspx for usage scenario)
'   Earlier, the page (containing control) would have scrollbars
--------------------------------------------------------
'   These styles are used by the IconButton control, where the height of the images are 35px
*/

/*
1. Normal State
    Class = .icon35
    The icon is a normal icon, nothing special
2. Selected State
    Class = .icon35Selected
    The icon is a selected state.
    The modified look is to over lay an image with a tick (indicating it has been selected)    
3. UnSelected State
    Class = .icon35UnSelected
    The icon is an selected state.
    The modified look is to over lay an image with a cross (indicating it has been un-selected)    
4. Disabled State
    Class = .icon35Disabled 
    The icon is a disabled state.
    The modified look is to over lay an image with a semi transparent gray image (indicating it has been disabled)    
5. Pseudo Disabled State
    Class = .icon35Pseudodisabled 
    The icon LOOKS disabled, but can be selected (i.e. it is in a normal state, but looks disabled)
    The modified look is to over lay an image with a semi transparent gray image,
        but upon mouse over the icon looks normal (i.e. upon mouse over the grey over lay is hidden) 
*/
a.icon35:hover, a.icon35Pseudodisabled:hover, a.icon35Disabled:hover, a.icon35Selected:hover, a.icon35UnSelected:hover
{
	color: Black;
}
a.icon35 span.images, a.icon35Pseudodisabled span.images, a.icon35Disabled span.images, a.icon35Selected span.images, a.icon35UnSelected span.images
{
    display: block;
    text-align: center;
    cursor:pointer;
}
a.icon35 span.images img, a.icon35Pseudodisabled span.images img, a.icon35Disabled span.images img, a.icon35Selected span.images img, a.icon35UnSelected span.images img
{
    border-style: none;
    text-align: center;
    display: block;
    cursor:pointer;
    height:35px;
    margin-left:auto !important;
    margin-right:auto !important;
}
a.icon35 span.title, a.icon35Pseudodisabled span.title, a.icon35Disabled span.title, a.icon35Selected span.title, a.icon35UnSelected span.title
{
    text-align: center;
    position: relative;
    top: 0px;
    display:block;
    height:36px;
    overflow:hidden;
    cursor:pointer;
    font-family:Verdana;
    font-size:9px;
    font-weight:bold;
}
a.icon35, a.icon35Pseudodisabled, a.icon35Disabled, a.icon35Selected, a.icon35UnSelected
{
    text-align: center;
    text-decoration: none;
    display: block;
    height: 55px;
    padding: 10px 2px 10px 2px;
    border-style: none;
    width: 70px;
    white-space:normal;
    cursor:pointer;
}
a.icon35 img, a.icon35Pseudodisabled img, a.icon35Disabled img, a.icon35Selected img, a.icon35UnSelected img
{
    height:35px;
    cursor:pointer;
}
a.icon35 span.title
{
    position: relative;
    top: -10px;
}
a.icon35 span.images, a.icon35Selected span.images, a.icon35UnSelected span.images, a.icon35Disabled span.images, a.icon35Pseudodisabled span.images
{
    position: relative;
    left: -0px;
    top: -10px;
}
a.icon35Selected span.images img.imgSelected, a.icon35UnSelected span.images img.imgUnSelected, a.icon35Disabled span.images img.imgDisabled, a.icon35Pseudodisabled span.images img.imgDisabled
{
    position: relative;
    left: -0px;
    top: -35px;
    display: inline-block;
    visibility: visible;
    height: 35px;
}
a.icon35Selected span.title, a.icon35UnSelected span.title
{
    position: relative;
    top: -45px;
}
a.icon35Disabled span.title, a.icon35Pseudodisabled span.title
{
    position: relative;
    top: -45px;
    color:#c0c0c0 !important;
}
a.icon35Pseudodisabled:hover span.images img.imgDisabled
{
    text-decoration: underline;
    display: none;
    visibility: hidden;
}
a.icon35Pseudodisabled:hover span.title
{
    position: relative;
    top: -10px;
    color:#000 !important;
}

a.height2line
{
	height:43px;
}

a.height2line span.title
{
	height:24px;
}

a.height1line
{
	height:31px;
}

a.height1line span.title
{
	height:12px;
}




/**************************/
a.icon30SingleLine span.images img
{
    height:35px;
}a.icon30SingleLine span.title
{
    height:31px;
}
a.icon30SingleLine
{
    height: 40px;
    padding: 10px 2px 2px 2px;
}
a.icon30SingleLine img
{
    height:35px;
}
a.icon30SingleLine span.title
{
}
a.icon30SingleLine span.images
{
    top: -10px;
}
a.icon30SingleLine span.images img.imgSelected
{
    left: -0px;
    top: -35px;
    height: 35px;
}
a.icon30SingleLine span.title
{
}
a.icon30SingleLine:hover span.title
{
}
a.icon35UnSelectable span.title, a.icon35UnSelectable:hover span.title
{
    color:#000 !important;
}