html, body 
{
    font-family: Arial;
    background-color: #dddddd;
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
}

/*
    MASTER CSS
*/

    div#container {
	    position:relative; /* needed for footer positioning*/
	    margin:0 auto; /* center, not in IE5 */
	    width:950px;
        max-width: 100%;
	    background:White;
	
	    height:auto !important; /* real browsers */
	    height:100%; /* IE6: treaded as min-height*/

	    min-height:100%; /* real browsers */
	    border-left: solid black 1px;
	    border-right: solid black 1px;
    }

    div#header 
    {
	    height:				75px;
	    background-image:	url(Images/topbar-gradient.png);
	    background-repeat:	repeat-x;
	    color:				#333333;
	    font-weight:		bold;
	    font-size:			24px;
	    vertical-align:	    middle;
	    text-align:		    right;
	    position:           relative;
    }
    #header-int
    {
	    position:absolute;top:50%;margin-top:-35px;text-align:center;width:95%;
    }
    #header a 
    {
	    color: #777777;
	    text-decoration: none;
    }
	
    div#content 
    {
	    padding:1em 1em 5em; /* bottom padding for footer */
    }

    div#content p {
	    text-align:justify;
	    padding:0 1em;
    }

    div#footer {
	    position:absolute;
	    width:100%;
	    bottom:0; /* stick to bottom */
	    background:#ddd;
	    height:				75px;
	    background-image:	url(Images/topbar-gradient.png);
	    background-repeat:	repeat-x;
	    color:				#777777;
	    font-size:			11px;
	    text-align:		center;
    }
    div#footer table tr td 
    {
	    vertical-align:middle;text-align:center;
    }

    div#footer p {
	    padding:1em;
	    margin:0;
	}

/*
    LOGIN CSS
*/
    
    .LoginForm 
    {
        width: 200px;
    }
    
/*
    COMMON CSS
*/
    
    .Alert 
    {
        font-weight: bold;
        color: Red;
    }
    
    .bigHR 
    {
        height: 5px;
        color: #ff0000;
        background-color: #df0000;
    }
    
    .roundTable {
        /* margin: 1em auto; */
        display: block;
        padding: 3px;
        border-radius: 7px;
        background: #eee;
        background: -moz-linear-gradient(#fff, #ddd);
        background: -webkit-linear-gradient(#fff, #ddd);
        background: -o-linear-gradient(#fff, #ddd);
        text-shadow: 0 1px 0 #fff;
        border: 1px solid rgba(0,0,0,0.1);
        box-shadow: 0 1px 1px rgba(0,0,0,0.3);
    }

    .roundTable .header 
    {
        font-size: 18px;
        font-weight: bold;
        color: #7f0000;
        border-bottom: solid #7f0000 2px;
        text-align: left;
    }

    .Critical {
        background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);
        color: White;
    }

    .Warning {
        background: linear-gradient(to bottom, #ff8 0%,#fd0 100%);
        color: Black;
    }

    .Information {
        background: linear-gradient(to bottom, #779faf 0%,#23538a 100%);
        color: #fff;
    }
    
    .QuickPick.Selected {
        background: #f8ffe8; /* Old browsers */
        background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 ); /* IE6-9 */
    }
    .QuickPick.Available {
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    }
    .QuickPick.Unavailable {
        background: #f5f6f6; /* Old browsers */
        background: -moz-linear-gradient(top, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
    }

    .wrapper {
        min-height: 100%; 
        background-color: RGBA(0,0,0,0.5);
        position:fixed;
        top:0;
        left:0;
        width:100%;
    }
    .wrapper .modal {
        background-color:white;
        border-radius:5px;
        width:500px;
        max-width:99%;
        height:200px;
        position:absolute;
        margin:auto;
        top:0;
        left:0;
        bottom:0;
        right:0;
    }
    .wrapper .modal .modalclose {
        position:absolute;
        text-align:center;
        border-top-right-radius:5px;
        vertical-align:middle;
        font-weight:bold;
        width:24px;
        height:24px;
        right:0;
        font-size:22px;
        background-color:red;
        color:white;
        cursor:pointer;
    }
    .wrapper .modal .modalheader {
        position:absolute;
        text-align:left;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        width:495px;
        max-width:99%;
        height:24px;
        padding-left:5px;
        font-weight:bold;
        font-size:18px;
        background-color:red;
        color:white;
        cursor:pointer;
    }
    .wrapper .modal .modalbody {
        position:absolute;
        margin:5px;
        margin-top: 30px;
        width:490px;
        max-width:100%;
        height:165px;
    }

    /*
        BUTTONS    
    */

    .bluebutton {
        border-radius: 5px;
        border: solid black 1px;
        padding: 5px;
        color: white;
        font-weight:bold;
        background-color: navy;
        box-shadow: 2px 2px 1px grey;
        margin:2px;
    }
    .redbutton {
        border-radius: 5px;
        border: solid black 1px;
        padding: 5px;
        color: white;
        font-weight:bold;
        background-color: #ff3019;
        box-shadow: 2px 2px 1px grey;
        margin:2px;
    }