H1
{
    FONT-WEIGHT: normal;
    MARGIN: 10px 0px 5px;
    FONT-FAMILY: Verdana;
    color: #DD6611;
}

H2
{
    FONT-WEIGHT: normal;
    MARGIN: 10px 0px 5px;
    FONT-FAMILY: Verdana;
    color: #DD6611;
}

H3
{
    FONT-WEIGHT: normal;
    MARGIN: 10px 0px 5px;
    FONT-FAMILY: Verdana;
    color: #DD6611;
}

H4
{
    FONT-WEIGHT: normal;
    MARGIN: 10px 0px 5px;
    FONT-FAMILY: Verdana;
    color: #DD6611;
}

H5
{
    font-weight: bolder;    
    MARGIN: 10px 0px 5px;
    FONT-FAMILY: Verdana;
    color: #555555;
}

BODY
{
    FONT-FAMILY: Verdana;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    MARGIN: 0px;
}

A
{
    COLOR: #3366BB;    
    TEXT-DECORATION: underline
}
A:visited
{
    COLOR:  #3366BB;    
}
A:hover
{
    COLOR: #ff6600
}
A:active
{
    COLOR:  #3366BB;    
}

.TableBlueHeader
{
    background-color: #AACCFF;
    padding-left: 10px;
    width: 150px;
    height: 20px;
    font-weight: bold;
    color: #555555;
        
}

.TableBlue
{   
    color: #555555;            
    border-top: 1px solid #AACCFF;    
    border-left: 1px solid #AACCFF;
    
}

.TableBlueCell
{
    border-bottom: 1px solid #AACCFF;
    border-right: 1px solid #AACCFF;
    height: 20px;
    vertical-align: middle;
    padding-left: 10px;
    background-color: #F2F7FF;
}

.TableGreenHeader
{
    background-color: #BBDD88;
    padding-left: 10px;
    width: 150px;
    height: 20px;
    font-weight: bold;
    color: #555555;
        
}

.TableGreen
{   
    color: #555555;            
    border-top: 1px solid #BBDD88;    
    border-left: 1px solid #BBDD88;
    
}

.TableGreenCell
{
    border-bottom: 1px solid #BBDD88;
    border-right: 1px solid #BBDD88;
    height: 20px;
    vertical-align: middle;
    padding-left: 10px;
    background-color: #F4FAEC;
}

.TableTanHeader
{
    background-color: #DDDABD;
    padding-left: 10px;
    width: 150px;
    height: 20px;
    font-weight: bold;
    color: #555555;
        
}

.TableTan
{   
    color: #555555;            
    border-top: 1px solid #DDDABD;    
    border-left: 1px solid #DDDABD;
    
}

.TableTanCell
{
    border-bottom: 1px solid #DDDABD;
    border-right: 1px solid #DDDABD;
    height: 20px;
    vertical-align: middle;
    padding-left: 10px;
    background-color: #FEFBEF;
}

.GridHeader
{
    color: #555555;  
    border-top: 2px solid #DDDABD;
    border-bottom: 2px solid #DDDABD;        
    border-left: none;
    border-right: none;
    background: #ECF9DA;
    height: 25px;
    padding-left: 5px;    
    padding-right: 5px;    
}

.GridHeaderVerticle
{
    color: #555555;  
    border-top: 2px solid #DDDABD;
    border-bottom: 2px solid #DDDABD;        
    border-left: none;
    border-right: none;
    background: #ECF9DA;
    height: 25px;
    padding-left: 5px;    
    padding-right: 5px;
    writing-mode: tb-rl;
    text-align: right;
    white-space: nowrap;
}

.GridHeaderVerticleBorderLeft
{
    color: #555555;  
    border-top: 2px solid #DDDABD;
    border-bottom: 2px solid #DDDABD;        
    border-left: none;
    border-right: none;
    background: #ECF9DA;
    height: 25px;
    padding-left: 5px;    
    padding-right: 5px;
    writing-mode: tb-rl;
    text-align: right;
    white-space: nowrap;
    border-left: 1px solid #DDDABD;
}

.GridHeaderVerticleBorderRight
{
    color: #555555;  
    border-top: 2px solid #DDDABD;
    border-bottom: 2px solid #DDDABD;        
    border-left: none;
    border-right: none;
    background: #ECF9DA;
    height: 25px;
    padding-left: 5px;    
    padding-right: 5px;
    writing-mode: tb-rl;
    text-align: right;
    white-space: nowrap;
    border-right: 1px solid #DDDABD;
}

.GridAlternatingItem
{
    height: 20px;
    color: green;
    border-top: 1px solid #DDDABD;
}

.GridItem
{       
    padding-top: 2px;
    padding-bottom: 2px;
    /*color: #555555;*/
    border-top: 1px solid #DDDABD;
    border-right: none;
    border-left: none;
    padding-left: 5px;
    padding-right: 5px;
}

.GridItemBorderLeft
{
    height: 20px;
    color: #555555;    
    border-top: 1px solid #DDDABD;
    border-right: none;
    border-left: none;
    padding-left: 5px;
    padding-right: 5px;
    border-left: 1px solid #DDDABD;    
}

.GridItemBorderRight
{
    height: 20px;
    color: #555555;
    border-top: 1px solid #DDDABD;
    border-right: none;
    border-left: none;
    padding-left: 5px;
    padding-right: 5px;
    border-right: 1px solid #DDDABD;    
}

.GridFooter
{
    height: 20px;
    color: #555555;
    border-top: 2px solid #DDDABD;
    border-bottom: 2px solid #DDDABD;
    border-right: none;  
    border-left: none;  
    padding-left: 5px;
    padding-right: 5px;    
    background: #FFF7DC;
}
INPUT
{    
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana;    
}

INPUT.Blue
{    
    border: #AACCFF;   
}

INPUT.Green
{    
    border: #BBDD88;  
}

INPUT.Tan
{    
    border: #DDDABD;  
}

INPUT.Button
{
    height: 25px;    
    border: 1px solid #BBDD88;
    padding-left: 50px;
    padding-right: 50px;
    background: #F4FAEC;
    font-weight: bold;
    color: #3366BB;   
    font-weight: bold; 
}

INPUT.Checkbox
{
    font-weight: bold;
}

INPUT.ButtonMouseOver
{
    height: 25px;    
    border: 1px solid #BBDD88;
    padding-left: 5px;
    padding-right: 5px;
    background: #F4FAEC;
    font-weight: bold;
    color: #DD6611;   
    font-weight: bold; 
}

SELECT
{
    border: 5px solid #555555;
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana;    
}

SELECT.Blue
{    
    border: #AACCFF;   
}

SELECT.Green
{    
    border: #BBDD88;  
}

SELECT.Tan
{    
    border: #DDDABD;  
}

TEXTAREA
{    
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana;
}

TEXTAREA.Blue
{    
    border: #AACCFF;   
}

TEXTAREA.Green
{    
    border: #BBDD88;  
}

TEXTAREA.Tan
{    
    border: #DDDABD;  
}

@media print 
{
    /* printed */
    .GridHeader
    {
        color: #555555;  
        border-top: 2px solid #DDDABD;
        border-bottom: 2px solid #DDDABD;        
        border-left: none;
        border-right: none;
        background: #ECF9DA;        
        padding-left: 2px;    
        padding-right: 2px; 
        font-size: 9px;           
    }

    /* printed */
    .GridHeaderVerticle
    {
        color: #555555;  
        border-top: 2px solid #DDDABD;
        border-bottom: 2px solid #DDDABD;        
        border-left: none;
        border-right: none;
        background: #ECF9DA;        
        padding-left: 2px;    
        padding-right: 2px;
        writing-mode: tb-rl;
        text-align: right;
        white-space: nowrap;
        font-size: 9px;  
    }

    /* printed */
    .GridHeaderVerticleBorderLeft
    {
        color: #555555;  
        border-top: 2px solid #DDDABD;
        border-bottom: 2px solid #DDDABD;        
        border-left: none;
        border-right: none;
        background: #ECF9DA;
        padding-left: 2px;    
        padding-right: 2px;
        writing-mode: tb-rl;
        text-align: right;
        white-space: nowrap;
        border-left: 1px solid #DDDABD;
        font-size: 9px;  
    }
    
    /* printed */
    .GridHeaderVerticleBorderRight
    {
        color: #555555;  
        border-top: 2px solid #DDDABD;
        border-bottom: 2px solid #DDDABD;        
        border-left: none;
        border-right: none;
        background: #ECF9DA;
        padding-left: 2px;    
        padding-right: 2px;
        writing-mode: tb-rl;
        text-align: right;
        white-space: nowrap;
        border-right: 1px solid #DDDABD;
        font-size: 9px;  
    }

    /* printed */
    .GridAlternatingItem
    {
        color: green;
        border-top: 1px solid #DDDABD;
        font-size: 9px;  
    }

    /* printed */
    .GridItem
    {
        /*color: #555555;*/
        border-top: 1px solid #DDDABD;
        border-right: none;
        border-left: none;
        padding-left: 2px;
        padding-right: 2px;
        font-size: 9px;  
    }

    /* printed */
    .GridItemBorderLeft
    {
        color: #555555;    
        border-top: 1px solid #DDDABD;
        border-right: none;
        border-left: none;
        padding-left: 2px;
        padding-right: 2px;
        border-left: 1px solid #DDDABD;    
        font-size: 9px;  
    }

    /* printed */
    .GridItemBorderRight
    {
        color: #555555;
        border-top: 1px solid #DDDABD;
        border-right: none;
        border-left: none;
        padding-left: 2px;
        padding-right: 2px;
        border-right: 1px solid #DDDABD;    
        font-size: 9px;  
    }

    /* printed */
    .GridFooter
    {
        color: #555555;
        border-top: 2px solid #DDDABD;
        border-bottom: 2px solid #DDDABD;
        border-right: none;  
        border-left: none;  
        padding-left: 2px;
        padding-right: 2px;    
        background: #FFF7DC;
        font-size: 9px;  
    }
}

/*Reorder List*/

.dragHandle {
	width:4px;
	height:4px;
	background-color:Blue; 
	background-image:url('../images/insert.gif'); 
	cursor:move;
	border:thin outset white;  
	vertical-align: middle
} 

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	background-color:#5377A9;	
	color:Black;
}

.reorderListDemo li {
	list-style:none;
}

.reorderListDemo li a {color:#FFF !important; font-weight:bold;}

.reorderCue {
	border: dashed thin black;
	width: 100%;
	/*height:25px;*/
}

.itemArea {
	margin-left:15px;
	font-family: Verdana;
	font-size:1em;
	text-align:left;
}


/* end reorder */