/* === JPL CM Core Layout Stylesheet ===============================================
       
       This stylesheet sets the layout of the CM.  Do not add custom stylings here
       unless part of global product; use the respective Themes instead

   ========================================================================== */

/* ===  GENERAL CONSTRUCTS === */
    body {
    	margin:1px; 
    	padding:1px;
        font:normal 11px verdana,arial,sans-serif;
        color:Black;
    }
    
    h1 {
        font:bold 2.2em "Trebuchet MS", verdana;
    }
    
    h2 {
        font:bold 1.7em "Trebuchet MS", verdana;
    }
    h3 {
        font:bold 1.5em "Trebuchet MS", verdana;
    }
    h4 {
        font:bold 1.2em "Trebuchet MS", verdana;
        font-style: italic;
        margin-top: -10px;
    }
    h5 {
        font:bold 14px verdana,arial,sans-serif;
    }
    h6 {
         margin-top: -20px;
       font:normal 13px verdana,arial,sans-serif;
    }
    
    img { border:0; }

    a {
    	color:#000099;
    	text-decoration: underline;
    }

    a:hover {
    	color: #FF0000;
    	text-decoration: none;
    }
    
    form { margin:0; padding:0; }
    
    input, select, textarea {
        font:normal 11px verdana,arial,sans-serif;
    }

    .hidden { display:none; }

/* === CONTAINER (OUTER SHELL) ========================================== */

    #container {
    	background:#FFFFFF;
    	width:750px;
    	margin:15px auto;
    	padding:2px;
    	border:solid 1px #A4A4A4;
    	text-align: left;
    }

/* === SUBHEAD REGION ==================================================== */

    #subhead {
        margin:2px 0;
        height:24px;
        background:#310873;
	    border:0;
	    padding:2px;

}


    /* === MENUS ========================================================= */
    
        .navMain {
            width:700px;
        }

        /* All tiers in the menu... */
        .navMain ul.AspNet-Menu, 
        .navMain ul.AspNet-Menu ul {
            width: 150px;
            font-size:11px;
            z-index:999;
        }

        /* All tiers EXCEPT THE TOP TIER in the menu... */
        .navMain ul.AspNet-Menu ul {
            left: 150px;
            top: 3px;
        }

        /* Each menu item. */
        .navMain ul.AspNet-Menu li {
            font-weight:bold;
       }

        /* Link area of each item */
        .navMain ul.AspNet-Menu li a,
        .navMain ul.AspNet-Menu li span {
            color:white;
            line-height:14px;
            padding:5px;
            border-left:1px solid #666666;
            border-bottom:0;
        }

        /* menu item that contains no submenu items (a "leaf") */
        .navMain ul.AspNet-Menu li.AspNet-Menu-Leaf a,
        .navMain ul.AspNet-Menu li.AspNet-Menu-Leaf span {
            background-image: none;
        }

        /* menu item icons. */
        .navMain ul.AspNet-Menu li a img {
            border-style: none;
            vertical-align: middle;
            margin:0 5px -1px 0;
        }

        /* menu item hover state. */
        .navMain ul.AspNet-Menu li:hover, 
        .navMain ul.AspNet-Menu li.AspNet-Menu-Hover {
            background:#666666;            
        }

        /* menu item link/span hover state. */
        .navMain ul.AspNet-Menu li a:hover,
        .navMain ul.AspNet-Menu li span.Asp-Menu-Hover {
            color: White;
        }

        .navMain ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover {
            background-image: none;
        }

        /* === HORIZONTAL MENU RULES ======================================= */

            /* horizontal type menu */
            .navMain .AspNet-Menu-Horizontal {
                margin:0;
                width: 745px;
                z-index: 300;
            }

            /* top tier of the horizontal menu. MAKE SURE IT'S WIDE ENOUGH to accomodate all of the top tier menu items */
            .navMain .AspNet-Menu-Horizontal ul.AspNet-Menu {
                width:740px;
           }

            /* style all tiers EXCEPT THE TOP TIER in the menu this way... */
            .navMain .AspNet-Menu-Horizontal ul.AspNet-Menu ul {
                width:110px;
                left:0;
                top:2em;
                margin:4px 0 0 0;
            }

            /* all menu items. */
            .navMain .AspNet-Menu-Horizontal ul.AspNet-Menu li {
                width:150px;
                text-align:left;
            }

            /* menu items in the second tier (and lower) in the menu. */
            .navMain .AspNet-Menu-Horizontal ul.AspNet-Menu li li {
                text-align:left;
            }

            /* width of menu items below the top tier. */
            .navMain .AspNet-Menu-Horizontal ul.AspNet-Menu ul li {
                width:150px;
            }

        /* === SECOND LEVEL (and up) ======================================== */

            .navMain ul.AspNet-Menu ul {
                border-right:1px solid #666666;
                border-bottom:1px solid #666666;
            }
            
            .navMain ul.AspNet-Menu ul li {
                background-color:#666666;
                font-weight:normal;
            }

            /* Link area of each item */
            .navMain ul.AspNet-Menu ul li a,
            .navMain ul.AspNet-Menu ul span {
                background: transparent url(img/menu/arrowRight.gif) right center no-repeat;
            }
            
            /* menu item hover state. */
            .navMain ul.AspNet-Menu ul li:hover, 
            .navMain ul.AspNet-Menu ul li.AspNet-Menu-Hover {
                background:#999999;
            }
            

        /* === THIRD LEVEL (and up) ========================================= */

            /* Third tier menus have to be positioned differently than second (or top) tier menu items because */
            /* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
            /* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
            /* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
            .navMain .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul {
                margin:-1.95em 0 0 150px;
            }
        
    /* --- END: MENUS ------------------------------------------------------- */

/* === MENUS ============================================================= */
    
        /* Link area of each item */
        .navMain ul.AspNet-Menu li a,
        .navMain ul.AspNet-Menu li span {
            color:white;
            border-left:1px solid #310873;
        }

        /* menu item that contains no submenu items (a "leaf") */
        .navMain ul.AspNet-Menu li.AspNet-Menu-Leaf a,
        .navMain ul.AspNet-Menu li.AspNet-Menu-Leaf span {
            background:#290073;
        }

        /* menu item hover state. */
        .navMain ul.AspNet-Menu li:hover, 
        .navMain ul.AspNet-Menu li.AspNet-Menu-Hover {
            background:#004294;            
        }
        
        /* menu item link/span hover state. */
        .navMain ul.AspNet-Menu li a:hover,
        .navMain ul.AspNet-Menu li span.Asp-Menu-Hover {
            color: White;
        }

        /* === HORIZONTAL MENU RULES ======================================= */

            .navMain .AspNet-Menu-Horizontal ul.AspNet-Menu li {
                width:110px;
            }

            /* width of menu items below the top tier. */
            .navMain .AspNet-Menu-Horizontal ul.AspNet-Menu ul li {
                width:200px;
            }

        /* === SECOND LEVEL (and up) ======================================== */

            .navMain ul.AspNet-Menu ul {
                border-right:1px solid #0C2885;
                border-bottom:1px solid #0C2885;
            }
            
            .navMain ul.AspNet-Menu ul li {
                background-color:#2240A3;
            }

            /* Link area of each item */
            .navMain ul.AspNet-Menu ul li a,
            .navMain ul.AspNet-Menu ul span {
                background: transparent url(img/menu/arrowRight.gif) right center no-repeat;
                padding-left:24px;
                text-indent:-20px;
            }
            .navMain .AspNet-Menu-NonLink img
            {
                padding-right:4px;
            }
            /* menu item hover state. */
            .navMain ul.AspNet-Menu ul li:hover, 
            .navMain ul.AspNet-Menu ul li.AspNet-Menu-Hover {
                background:#0C2885;
            }
            
    /* --- END: MENUS ------------------------------------------------------- */


    /* === BREADCRUMBS ====================================================== */    
    
        #subhead .breadcrumbs {
            display:block;
            width:520px;
            line-height:14px;
            padding:5px 0 5px 12px;  
            color:white;
            font-size:10px;
            font-weight:bold;
        }
        
        #subhead .breadcrumbs a { color:white; }
        #subhead .breadcrumbs a:hover { color:black; }    

    /* --- END: BREADCRUMBS ------------------------------------------------- */


    /* === GRIDVIEW ========================================================= */

        .gvList .AspNet-GridView {
            width: 100%;
        }

        .gvList .AspNet-GridView p {
            margin:0;
            padding:0 10px 10px 10px;
        }

        .gvList .AspNet-GridView table {
            width: 100%;
            border: 1px solid #CCCCCC;
        }

        .gvList .AspNet-GridView table thead tr th {
            padding:4px 2px 4px 5px;
            border-bottom: 1px solid #CCCCCC;
            background-color:#EEEEEE;
        }

        .gvList .AspNet-GridView table thead tr th a {
        }

        /* sort icons */
        .gvList .AspNet-GridView table thead tr th img {
            margin:0 5px;
        }

        .gvList .AspNet-GridView table tbody tr td {
            padding:3px 12px 3px 5px;
        }

        .gvList .AspNet-GridView table tbody tr.AspNet-GridView-Alternate td {
            background:#F6F6F6;
        }

        .gvList .AspNet-GridView table tbody tr.AspNet-GridView-Selected td {
            background:#FFFFCC; 
        }
        
        .gvList .AspNet-GridView table tbody tr:hover td {
            background:#FFF5DD; 
        }
                
        .gvList .AspNet-GridView table tfoot tr td {
        }

        /* === PAGINATION === */

            .gvList .AspNet-GridView div.AspNet-GridView-Pagination {
                border: 1px solid #CCCCCC;
                background-color:#EEEEEE;
                padding:4px 5px 5px 5px;
                margin:10px 0 0 0;
            }

            .gvList .AspNet-GridView div.AspNet-GridView-Pagination a,
            .gvList .AspNet-GridView div.AspNet-GridView-Pagination span {
                border:1px solid #CCCCCC;
                background:white;   
                color:black;
                padding:1px 4px 2px 4px;
                text-decoration:none;
                font-size:10px;
                margin-right:2px;
            }

            .gvList .AspNet-GridView div.AspNet-GridView-Pagination a:hover {
                background:#666666;
                border:1px solid #666666;
                color:White;
            }

            .gvList .AspNet-GridView div.AspNet-GridView-Pagination span {
                border:1px solid #CCCCCC;
            }

        /* for files list */
        
            .filesList td {
                padding:2px;
                line-height:16px;
            }

            .filesList img {
                vertical-align:middle;
                margin:0 2px 2px 0;
            }

    /* --- END: GRIDVIEW ---------------------------------------------------- */


/* === FOOTER === */

    #footer {
        margin:0; 
        padding:5px 5px;
        border-top: solid 1px #999999;
        color:#666666;
        font:normal 10px tahoma,verdana,arial,sans-serif;
    }

    #footer p { margin:0; padding:0; }
    #footer a { color:#666666; }
    #footer a:hover { color:#290073; }

    * html #footer { height:1%; }


/* === CONTENT REGION === */

    #content {
    	padding: 5px 10px 5px 10px;
    }
    
.OrderTickets
{
	padding-left: 25px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 15px;
    background-color: #ECECEC;
}