/* Page */
@font-face {
    font-family: Rogers;
    src: url('../../Fonts/Ted Next/TedNext-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

.framed {
    border: 1px solid #000000; /*#00578b;*/
}
    .padded
    {
        padding:15px;
        padding-top:0px;
    }
    
    .content-padding-top
	{
	    padding-top: 25px;
	    padding-left: 15px;
    }

    #main-div 
    {
        display:inline-block;
	    text-align: left;
    }
    
/* Header */

    #header 
    {
        height: 75px;
    }

    #header-left 
    {
        background: none;
        text-align: left;
        vertical-align: middle;
        float: left;
    }

    #header-right 
    {
        text-align: right;
        vertical-align: top;
        float: right;
    }
    
    #logo 
    {
        height: 75px;
    }

/* Page Frame */

#page-frame {
    background-color: #DA291C;  /*#0082bb;*/
    /*padding: 10px;*/
}

/* Menu */

    #menu-message
    {
        float: left;
	    vertical-align:top;
	    text-align: left;
	    font-weight: bold;
	    color: #FFFFFF;
    }

    .menu-container
    {
	    vertical-align:bottom;
	    text-align: right;
    }

    .menu-container ul 
    {
        padding-top: 5px;
        padding-bottom: 5px;
     }

    .menu-container li
    {
        list-style: none;
        display: inline;
        padding-left: 5px;
    }

    .menu-container li a
    {
	    text-decoration: none;
	    padding: 5px;
	    padding-left: 10px;
	    padding-right: 10px;
	    color: #FFFFFF;
    }

        .menu-container li a:link, a:visited {
            /*background-image: url("../Images/bg_navlist.jpg");
            background-repeat: repeat-x;*/
            background-image: none;
            background-color: #DA291C;
            color: white;
        }

        .menu-container li a:hover {
            background-image: none;
            background-color: #DA291C;
            /* #01acd8; */
            color: white;
        }

        .menu-container li a#current {
            background-image: none;
            background-color: #FFFFFF;
            color: #DA291C;
            /*#0082bb;*/
        }

        .menu-container li a#logout {
            background-image: none;
            background-color: #DA291C;
            /*#0069a8;*/
            color: #FFFFFF;
        }
    
/* Page Content */

    #page-content 
    {
        background-color: White;
	    padding-right: 50px;
	    padding-left: 50px;
	    padding-bottom: 50px;
	    /*display: inline-block;*/
        min-height:400px;  /* (1/3) CSS hack to have a minimum content area height of 400px. See: http://css-tricks.com/snippets/css/cross-browser-min-height/ */
        height:auto !important; /* (2/3) CSS hack to have a minimum content area height of 400px. See: http://css-tricks.com/snippets/css/cross-browser-min-height/ */
        height:400px;  /* (3/3) CSS hack to have a minimum content area height of 400px. See: http://css-tricks.com/snippets/css/cross-browser-min-height/ */
        width:880px; /* Makes it 1000px for the content pane (2* 50px padding of #page-content plus 2*10px padding of #page-frame */
    }
    
/* Pre-Content */
    
    /* Page Title */

#page-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #DA291C;
    /*border-top: 3px solid #DA291C;*/
    display: inline-block;
    padding-bottom: 20px;
}
    
    /* Message Panel */

        #message-panel {
            padding-bottom: 20px;
        }

        div.message
        {
            padding:5px;
            margin-bottom: 10px;
        }

        div.info {
            background-color: #EEFFE8;
            border: 1px dotted darkgreen;
        }
        
        div.error
        {
            background-color: #ffcccc;
            border: 1px dotted red;
        }

/* Post-Content */

    #post-content {
	   clear:both;
    }
    
/* Dialog Box - generic */
    
    .modalDialog button 
    {
        float: right;
        margin-left:5px;
    }
    .modalDialog .dialogButtons{
        position:absolute; 
        bottom:10px; 
        right:10px;
    }
    
/* Footer */

#footer {
    float: right;
    background-color: #DA291C; /*#0082bb;*/
    margin-top: 10px; /* Make it appear under the content div*/
    margin-right: -10px;
}
    
/* Icon Buttons */

    .iconbutton {
        height:20px;
        width:20px;
        vertical-align:middle;
        display:inline-block;  
    }
    
/* Browser Check */

    .browserCheck_fail_background {
	    position: absolute; 
	    top: 0px; 
	    left: 0px; 
	    width: 1000%; 
	    height: 1000%;
	    text-align: left;
	    overflow: auto;
	    background-color: rgb(150,150,150); /* IE8 does not support rgba */
	    background-color: rgba(150,150,150,0.5);
	    z-index: 99;
    }
			
    .browserCheck_fail_content {
	    margin:10px;
	    width:400px;
	    text-align:left;
	    padding: 5px;
	    background-color:white;
	    border: 2px solid black;
    }
    
    .modalDialog 
    {
        text-align: left;
    }