/* 
This stylesheet is for classes that are needed by Developers that do NOT come from the Designer Style sheets. 
The classes within this style sheet should be named with the prefix "dev"!
*/

.devFloatLeft
{
    float:left;
}

.devFloatRight
{
    float:right;
}

.devClearBoth
{
    clear:both;
}

.devClearLeft
{
    clear:left;
}

.devClearRight
{
    clear:right;
}

.devPointer
{
    cursor:pointer;
}

.devHorizontalLeft
{
    text-align: left;
}

.devHorizontalCenter
{
    text-align: center;
}

.devHorizontalRight
{
    text-align: right;
}

.devError
{
    color:#de3226;
    font-weight:bold;
}

.devYellowError
{
    color: yellow;
    font-weight: bold;
}

.devSmallText
{
    font-size:9px;
}

.devNormalText
{
    font-size: 12px;
}

.devPositionRelative
{
    position:relative;
}

.devPositionAbsolute
{
    position:absolute;
}

.devDisplayInlineBlock
{
    display:inline-block;
}

.devDisplayBlock
{
    display:block;
}

.devIndent
{
    margin-left:10px;
}

.devNumberInput
{
    text-align:right;
    width:75px;
}

.devForcedLogout
{
    background-color: #FFFFFF;
    border: 2px solid #4b4f58;
    color: #434f62;
    padding: 15px;
    position: fixed;
    text-align: center;
    width: 400px;
    height:200px;
    z-index: 9001;
    top:30%;
    left:35%;
}

/*
    devFullScreenMask, devFullScreenProcessing, devPartialMask and devPartialProcessing are used on UpdateProgress controls 
    devFullScreenMaks and devFullScreenProcessing should be used in conjunction with each other, 
    while devPartialMask / devPartialProgress should also be used in conjunction with each other.
*/
.devFullScreenMask 
{
    background-color: #333333;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    padding: 5px;
    position: fixed;
    z-index: 9000;
    display:block;
}
    
.devFullScreenProcessing 
{
    background-color: #FFFFFF;
    border: 2px solid #4b4f58;
    color: #434f62;
    padding: 15px;
    position: fixed;
    text-align: center;
    width: 150px;
    z-index: 9001;
    top:48%;
    left:49%;
}    

.devPartialMask 
{
    background-color: #333333;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    padding: 0px;
    margin:0px;
    position: absolute;
    z-index: 9002;
    display:block;
}
    
.devPartialProcessing 
{
    background-color: #FFFFFF;
    border: 2px solid #4b4f58;
    color: #434f62;
    padding: 15px;
    position: absolute;
    text-align: center;
    width: 150px;
    z-index: 9003;
    top:50%;
    left:50%;
    margin-top:-27px;
    margin-left:-75px;
}    

.devBold
{
    font-weight: bold;   
}

.devUnderline
{
    text-decoration: underline;    
}

.devMarginZeroAuto
{
    margin: 0 auto;
}

.devMarginBottom
{
    margin-bottom: 10px;
}

.devMarginTop
{
    margin-top: 10px;    
}

.devTransGrey50
{
	background-image: url(../siteimages/transbgpixels/1x1transGrey50.png);
	background-position: left top;
	background-repeat: repeat;
}

.devTransGrey80
{
	background-image: url(../siteimages/transbgpixels/1x1transGrey80.png);
	background-position: left top;
	background-repeat: repeat;
}

.devTransBlack20
{
	background-image: url(../siteimages/transbgpixels/1x1transBlack20.png);
	background-position: left top;
	background-repeat: repeat;
}

.devTransBlack50
{
	background-image: url(../siteimages/transbgpixels/1x1transBlack50.png);
	background-position: left top;
	background-repeat: repeat;
}

.devTransBlack70
{
	background-image: url(../siteimages/transbgpixels/1x1transBlack70.png);
	background-position: left top;
	background-repeat: repeat;
}

.devTransBlack80
{
	background-image: url(../siteimages/transbgpixels/1x1transBlack80.png);
	background-position: left top;
	background-repeat: repeat;
}

.devTransBlack90
{
	background-image: url(../siteimages/transbgpixels/1x1transBlack90.png);
	background-position: left top;
	background-repeat: repeat;
}

.devTransWhite50
{
	background-image: url(../siteimages/transbgpixels/1x1transWhite50.png);
	background-position: left top;
	background-repeat: repeat;
}

.devTransWhite80
{
	background-image: url(../siteimages/transbgpixels/1x1transWhite80.png);
	background-position: left top;
	background-repeat: repeat;
}