
a, a:visited {
    color: blue;
}

pre {
    background: #eee;
    border: 1px solid #777;
    padding: 7px;
}

table th {
    text-align: left;
}

html\:abbr, abbr {
    cursor: default;
    border-bottom: 1px dotted black;
}

span.anything {
    font-style: italic;
    color: red;
}

/*When user is logged in, OpenID url is shown in this div */
div.your_id {
	border: 1px solid #333;
	padding: 2px;
	color: #00aa00;
}

div.errors {
    background: #f77;
    border: 1px outset #333;
    padding: 5px;
    margin: 4px;
}

div.errors span.error {
    display: block;
}

div.messages {
    background: #8f8;
    border: 1px outset #333;
    padding: 5px;
    margin: 4px;
}

div.messages span.message {
    display: block;
}

body {
	background-image: url('/media/openID_logo_logo.png');
	background-repeat: no-repeat;
	background-position: 70% 0px; 
    padding-top: 30px;
    margin: 0;
    text-align: center;
}

div.columns
{
	height: 500px;
}

div.column_left
{
/*	background: #f3f3f3; */
/*	background: rgb(210,220,255);*/
	width: 84.5%;
	float: left;
	height: 100%;
}

div.column_right
{
	padding: 2px;
	height: 100%;
	background: rgb(190,200,255);
	width: 15%;
	float: left;
}

div.header {
/*	background: #e0e0e0;*/
/*    background: #eee;*/
	background: rgb(190,200,255);
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #666;

	opacity: .9;
	filter: alpha (opacity=90);
}

div.header h2 {
    margin: 0;
    padding: 10px;
}

div.border_light_gray
{
	border: 2px solid #e0e0e0;
}

div.page {
	opacity: .9;
	filter: alpha (opacity=90);

    width: 8.5in;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    text-align: left;
    height: auto;
    border: 1px solid #909090;
    font-family: Verdana,Geneva,Arial,sans-serif;
    font-size: 80%;
}

div.body {
	margin: 0px;
	padding: 5px;
	height: 100%;
	background: rgb(210,220,255);
	/*background: #f0f0f0;*/
}

div.login {
}

table.login {
    margin: auto;
}

div.nav {
    margin: 0;
    padding: 0;
	background: rgb(210,220,255);
    border-bottom: 1px solid #666;
}

div.nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

div.nav ul li {
    display: inline;
    padding-left: 3px;
    padding-right: 3px;
}

div.nav ul li.right {
    float: right;
}

div.nav ul li.nohover:hover {
    background: inherit;
}

div.nav ul li:hover {
    background: white;
}

div.nav ul li a {
    text-decoration: none;
}

div.footer {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 3px;
    font-size: 70%;
    color: #888;
}

div.footer a {
    color: #88f;
}

p.justified {
    text-align: justify;
}

form.inline {
    display: inline;
    margin: auto;
}

img.captcha {
    border: 1px solid black;
}

div.nav span.openid {
    font-style: italic;
}

input.disabled_bold:disabled {
    color: black;
}

table.sites {
    border-collapse: collapse;
}

table.sites td {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding-top: 3px;
    padding-bottom: 3px;
}

div.sreg {
    border: 1px solid #666;
    background: #f7f7f7;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

span.required {
    color: red;
}

span.optional {
    color: green;
}

div.sreg table {
    margin-top: 7px;
    margin-bottom: 7px;
}

span.trusted {
    color: green;
}

span.untrusted {
    color: red;
}
