/************************************* Global ************************************************************/

*
{
    margin: 0;
    padding: 0;
}

body
{
    background: #F6F6F6 url(images/watermark.gif) no-repeat top right;
    color: #000;
    font-family: Verdana, Arial, Sans-Serif;
}

a:link
{
    color: #3082bf;
}

a:visited
{
	color: #009;
}

ul
{
    margin-left: 1em;
}

table
{
    margin: 0.2em 10px 0.5em 10px;
    width: 96%;
}

	table tr.odd-row
	{
	    background: #CFDCE6;
	}
	
	table th
	{
	    padding: 0.1em 0.5em 0.1em 0.3em;
	    text-align: left;
	}
	
	table td
	{
	    padding: 0 1em 0 0.3em;
	}
	
	table tr.buttons td
	{
	    padding-top: 1em;
	    
	}
	
	table input, table textarea
	{
	    border: 1px solid #6096BF;
	    background-color: #F6F6F6;
	    color: black;
	    padding: 0.2em;
	    width: 90%;
	}
	
	table select
	{
	    background-color: #F6F6F6;
	    color: black;
	}
	
	table .checkbox, table .radiobutton
	{
	    width: auto;
	    border: none;
	}
	
	
	form table th
	{
		vertical-align: top;
	}
	
	form table td
	{
		padding-bottom: 0.5em;
	}	
	
	form table p
	{
		margin-bottom: 0;
	}


.button:link, .button:visited, button
{
    background: #c1d4ef url(images/button-background.png);
    color: #000;
    border: 1px solid #3082bf;
    padding: 0.15em;

    text-decoration: none;
    font-size: small;

    cursor: pointer;
    
	display: block;
	float: left;
	padding: 0.15em;
	margin-right: 0.5em;
	font-size: 15px;
	padding: 2px 10px;

}

    .button:hover, button:hover
    {
        color: white;
    }
    
	.buttonbox
    {
		height: 2em;
    }



/************************************ Structure **********************************************************/

#header
{
    background: url(images/blue-fade.png) repeat-x;
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 4.5em;
    /*filter:progid:DXImageTransform.Microsoft.Alpha(style=1, opacity=100, finishOpacity=20);*/
}

    #header h1
    {
        font-size: x-large;
       
        text-align: center;

		/* LIR http://www.kryogenix.org/code/browser/lir/ */
	    padding: 55px 0 0 0;
	    overflow: hidden;
	    background: url(images/heading.gif) no-repeat top center;
	    
	    height: 0px !important;
	    height /**/:55px; /* Fix for broken box model in IE 5.5 */
	}
    
    #header h1 img
    {
    	margin-top: -0.5em;
    }

    #header a
    {
        color: #000;
        text-decoration: none;
    }


#container
{
    margin: auto;
    width: 60em;
    position: relative;
    top: 6em;
}



/************************************ Columns ************************************************************/
.title
{
	color: #FFF;
    background: #3082bf url(images/title-fade-blue.png) repeat-x;
    padding: 0.1em 0.5em;
    text-align: center;
}

.title a
{
	color: #FFF;
}

.content
{
    padding: 0; 
    border: 2px solid #3082bf;    

    min-height: 20em;
    height: auto !important; /* min-height workaround for IE */
    height: 20em;
}

	.content.with-footer
	{
		border-bottom: none;
	}

    .content ul li
    {
        padding: 0.3em 10px;
    }


.alt-background
{
    background: url(images/blue.png);
    padding: 0.3em 0;
}


/************************************ Sidebars ***********************************************************/
   
.sidebar
{
    width: 10em;
}

    .sidebar ul
    {
        margin: 0;
        list-style-type: none;
    }


    .sidebar ul li
    {
        border-top: 1px dashed #3082bf;
    }
    
    .sidebar ul li.menu-top
    {
        border-top: none;
    }

    .sidebar ul li a
    {
        text-decoration: none;
    }
    
    .sidebar ul li a:hover
    {
    	text-decoration: underline;
    }

    .sidebar p
    {
        background: url(images/blue.png);
        padding: 0.3em 10px;
    }   
       
#leftbar
{
    position: absolute;
        top: 0em;
        left: 0em;
}

    #leftbar p
    {
        padding-top: 1em;
    }

#rightbar
{
    position: absolute;
        top: 0em;
        left: 49em;
}
      


/************************************ Main content *******************************************************/


#main
{
    width: 37em;

    position: absolute;
    top: 0em;
    left: 11em;
}

    #main h1, #main h2, #main h3, #main h4, #main p
    {
        padding: 0.5em 10px;
    }
    
    #main td p
	{
		padding: 0;
	}

    #main h3
    {
        padding: 1em 10px 0.2em 10px;
    }

    #main h1
    {
        font-size: x-large;
    }

    #main ul
    {
        padding-bottom: 0.5em;
    }

        #main ul li
        {
            margin-left: 1em;
            padding-left: 0.2em;
        }


    #main ul.errorlist
    {
        list-style-image: url(images/exclamation.png);

        margin:  0 0 0 1.5em;
        padding-top: 1em;
        font-size: small;
    }

        #main ul.errorlist li
        {
            margin:  0;
            padding: 0;
            color: #d00;
        }


    #main ul.messages
    {
        list-style-type: none;

        margin:  0;
        padding: 0;

        font-size: small;
        font-style: italic;

        border-bottom: solid 1px #000;
        background: url(images/blue.png);
    }

	
	#main .new-layout
	{
		margin-bottom: 1em;
	}

	#main .new-layout p
	{
		padding: 0.2em 10px;
	}
		
	#main .new-layout strong
	{
		display: block; 
		float: left;
		width: 8em;		
	}
	
	#main .new-layout .block-heading strong
	{
		margin-top: 0.2em;
	}
	
	#main .new-layout .value-block
	{
		margin-left: 8em;
		padding-left: 10px;
	}

	#main .new-layout ul
	{
		padding: 0;
		margin: 0;
	}
	
	#main .new-layout ul li
	{
		list-style-type: none;
		padding: 0;
		margin: 0;		
	}
	
	
	
/************************************ Miscellaneous ******************************************************/	

.comments
{
	margin-bottom: 1em;
}

.photos
{
	text-align: center;
}

.photos img
{
	max-width: 100%;
}

#sql-log
{
	background: url(images/white.png);
	position: absolute;
	right: 0;
	width: 11em;
	height: 6em;
	overflow-x: hidden;
	overflow-y: scroll;
}

#sql-log:hover
{
	background: #FFF;
	width: 100%;
	height: 100%;border
}

#sql-log table.stats, #sql-log table.stats th
{
	margin: 0;
	padding: 0;	
}

#sql-log table.stats
{
	width: 10em;	
}


/***************************************** Printing ******************************************************/	
@media print
{
	body, .alt-background { background: none; }
	.sidebar, #sql-log { display: none; }
	#main { left: 0; width: auto; }
	
	.content { border: none; }
	.title { display: none; }
	
	.button, button
	{
		display: none;
	}
	
	#header
	{
		background: none;
	}
	
	#header h1
	{
		background: none;
		padding: 0;
	    height: 4.5em !important;
	}
}