/* CSS Document */

/*	GLOBAL PAGE LAYOUT ELEMENTS*/
/* -----------------------------------------------------*/
html{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000;
}

body{
	margin:0 0;
	padding:0 0;
	background-color: #fff;
/*	  background-image:url("/images/page_bkgnd.png");*/
/*	  background-image:url("/images/page_bkgnd_thin.png");*/
/*	  background-repeat:repeat-x;*/
	color:#000;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

h1{
	margin:0 0px;
}

h2{
	margin:0 0px;
}

h3{
	margin:0 0px;
}

a:link {
	color: #000;
	text-decoration: none;
	border: 0px solid;
}
a:visited {
	color: #000;
	text-decoration: none;
	border: 0px solid;
}
a:hover {
	text-decoration: none;
	color: #0A50FF; 
	border: 0px solid;
}




/* contains entire page - mainly for swapping bkgnd*/
/*-----------------------------------------------------*/
#container {
	background-image:url("/images/page_bkgnd_thin.png");
	background-repeat:repeat-x;
}



/* wraps entire <body> element */
/*-----------------------------------------------------*/
#wrapper {
	width:950px;
	margin:0 auto;
/*	  border-left:1px solid #000;*/
/*	  border-right:1px solid #000;*/
}



/* header */
/*-----------------------------------------------------*/
#header {
	height:24px;
	padding-top:5px;
	color: #fff;
	background-color: #000;
	text-align: right;
	font-size:12px;
	font-weight: normal;
}

.header_link {
    padding-right:20px;    
/*  padding-right:15px;    */
}

#header_print{
	display:none;
}

#header span {
    margin-left:5px;
}

#header a:link {
    margin-left:5px;
/*  margin:5px 0;*/
	color:#fff;
	text-decoration: none;
	border: 0px solid;
}

#header a:visited {
    margin-left:5px;
/*  margin:5px 0;*/
	color: #fff;
	text-decoration: none;
	border: 0px solid;
}

#header a:hover {
    margin-left:5px;
/*  margin:5px 0;*/
	text-decoration: underline;
/*	  color: #0A50FF;*/
	border: 0px solid;
}


#beta_tag {
	float:left;
	margin-top:-1px;
	padding-left:5px;
	padding-bottom:2px;
}

#beta_tag a:link {
	text-decoration: none;
	border: 0px solid;

}

/*
a.login-link {
	text-decoration:none;
	font-weight:bold;
}
 
a.login-link:hover {
	text-decoration:underline;
}
*/


/* titlebox */
/* -----------------------------------------------------*/
#titlebox {
	height:66px;
/*  background-image:url("/images/title_bkgnd_thin.png");*/
    background-image:url("/images/circles_75.png");
	background-repeat:no-repeat;
	text-align:right;
/*	border: 1px solid red;*/
}

#titlebox h3 {
/*  color:#fff;*/
	color:#000;
	font-weight:normal;
	font-size:32px;
    line-height:40px;
    padding:15px 60px 0 0;
}


/* logo
/* -------------------------------------- */
#logo { 
	float:left; 
/*  padding:0px 0px 0px 25px;*/
	margin:15px 0px;
	}
	
#logo img {
	border: none;
	}	 
	
/*#logo h1 { 
	color:#F76B0C; 
	padding: 10px 0px 0px 40px; 
	font: bold 26px; 
	text-decoration:none; 
	}
	
#logo h4 { 
	color:#808080; 
	padding-left:75px; 
	font: normal 11px; 
	text-decoration:none; 
	}
*/





/* site navigation */
/*-----------------------------------------------------*/
#site_nav {
	clear: both;
	float:right;
	height:20px;
	margin:-33 0 0 0px;
/*	  padding:0 20 0 0px;*/
/*	  color:#000;*/
/*	  background-color:#ccc;*/
/*	  border: 1px solid red;*/
}

#site_nav ul {
	margin:0 0 0 0px;
/*	  color:#000;*/
}

#site_nav li {
	float:left;
	font-size:14px;
	font-weight:bold;
	margin-left:10px;
	padding:2 6px;
	list-style:none;
	background-color:#ccc;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
/*	  color:#000;*/
}


#site_nav a:link {
	color:#000;
}

#site_nav a:visited {
	color:#000;
}

#site_nav a:hover {
	color:#000;
	text-decoration: underline;
}
/*
#site_nav .create a:hover {
	background-color:#0f0;
}
*/

/*-----------------------------------------------------*/
/* content container - between header and footer*/
#content_wrapper{
	clear: both;
/*	  width:1000px;*/
/*	  margin: 0 auto;*/
	text-align: left;
	background-color: #fff;
/*	  border:1px solid red;*/
}



/* -----------------------------------------------------*/
/* main content section - intended to be overriden*/
#content{
	margin: 0 20px;
	padding:20 0px; 
	text-align: left;
}

#content .test_left{
	float:left;
	width:300px;
}

#content .test_right{
	float:left;
	width:300px;
}

/*
#content table {
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
#content table th {
	border-width: ;
	padding: ;
	border-style: ;
	border-color: ;
	background-color: white;
	-moz-border-radius: ;
}
#content table td {
	border-width: 1px;
	padding: ;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
*/



/* ---------------------------------------------------- */
/* root class overrides */
#container.root {
/*    background-image:url("/images/page_bkgnd.png");*/
    background-image:url("/images/page_bkgnd_thin.png");
/*    background-image:url("/images/bkgd_95.png");*/
	background-repeat:repeat-x;
}


#titlebox.root {
/*	  height:141px;*/
/*	  background-image:url("/images/title_bkgnd.png");*/
	height:66px;
/*  background-image:url("/images/title_bkgnd_thin.png");*/
    background-image:url("/images/circles_75.png");
}


#content.root {
/*	  color: blue;*/
}


/* FIXME: this comes from IGE - do we need it? */
#content.root_overlay {
	background-color:#fff;
	filter:alpha(opacity=50); /* IE's opacity*/
	opacity: 0.50;
	margin-top:-50px;
	margin-left:-50px;
	height:70px;
	color:#000;
}




/* ---------------------------------------------------- */
/* info class overrides */



/* ---------------------------------------------------- */
/* m_debug / devel class overrides */

#titlebox.m_debug {
/*	  background-color:#f00;*/
	background-color:#0f0;
	color:#fff;
}

#site_nav.m_debug {
/*	  color:#fff;*/
}

#site_nav.m_debug a:link {
/*	  color:#fff;*/
}

#site_nav.m_debug a:visited {
/*	  color:#fff;*/
}

#site_nav.m_debug a:hover {
/*	  color:#000;*/
}

#content.m_debug {
	padding:10 20px;
	margin:0px;
/*	  border: 4px solid #f00;*/
	border: 4px solid #0f0;
}




#login {
/*	  border: thin solid #f00;*/
}




.text_block{
	margin-left: 10px;	  
}



/* -----------------------------------------------------*/
/* msgbox */
#msgbox {
	background-color: #333;
	padding:0 20px;
	color: #fff;
}

#msgbox ul {
	font-style: italic;
	list-style: square;
/*	  list-style: none;*/
/*	  list-style: lower-roman;*/
}

#msgbox li {
	padding:5 0px;
}




/* -----------------------------------------------------*/
/* footer */
#footer {
	clear: both;
	height:60px;
	text-align:center;
	padding-top:10px;
	color:#fff;
	font-weight:normal;
	font-size:11px;
	background: black;
}

#footer_left {
	float:left;
	width:600px;
	height:27px;
	color: #fff;
	background:#000;
	padding-top:10px;
	padding-left:20px;
}

#footer_left .nav_item { 
	float: left; 
	margin: 0px 20px 0px 0px; 
	}

#footer_left a{
	color:#fff;
	font-weight:normal;
	font-size:11px;
	text-decoration:none;
}

#footer_left a:hover{
	color:#fff;
	font-weight:normal;
	font-size:11px;
	text-decoration:underline;
}

#footer_right {
	float:right;
	width:300px;
	height:27px;
	color: #fff;
	background-color:#000;
	text-align:right;
	padding-top:10px;
}

#footer_right .nav_item { 
	margin: 0px 20px 0px 0px; 
	}

#footer_right a{
	color:#fff;
	font-weight:normal;
	font-size:11px;
	text-decoration:none;
}

#footer_right a:hover{
	color:#fff;
	font-weight:normal;
	font-size:11px;
	text-decoration:underline;
}


/* -----------------------------------------------------*/
/* this is useful for inserting a clear div or span */
.clear { clear: both; line-height: 0; height: 0; }







/* override selectors in /css/formal.css for site stuff*/
/* --------------------------------------------------------------- */
/* .nevow-form						   { border: none; padding: 0px; } */
/* .nevow-form fieldset				   { margin: 0; border: 0; padding: 5px 0px 10px 0px; } */
.nevow-form fieldset				{ background: #eee; font-weight: bold; margin: 10px 0px 10px 0px;}
/* .nevow-form div.field			   { margin-bottom: 5px; padding: 2px 0px 2px 0px; } */
.nevow-form div.field				{ padding: 2px 10px 2px 0px; font-weight: normal; }
.nevow-form div.field.error			{ border-left: 2px solid #f00; padding-left: 8px; }
/* .nevow-form label				   { float: left; width: 150px; color: #fff; } */
/* .nevow-form .inputs				   { clear: both; margin-left: 0px;} */
/* .nevow-form .required label		   { font-style: normal; font-weight: normal; color: #fff; } */
.nevow-form .error label			{ color: #f00; }
/* .nevow-form .inputs input		   { width: 150px; } */
/* .nevow-form .inputs select		   { width: 150px; } */
/* .nevow-form .field.decimal .inputs input	   { width: 150px; } */
.nevow-form .message, 
.nevow-form .description			{ display: block; margin-left: 0px; font-size: 79%; }
.nevow-form .message				{ color: #f00; }
.nevow-form .actions				{ border: none; margin-top: 5px; padding: 10px 0px 5px 0px; }
/* .nevow-form .actions input		   { margin-right: 0.5em; color: white; background: green; border: 2px solid lime; font-family: Verdana; font-weight: bold; } */
/* .nevow-form .actions input:hover	   { color: #d8d8d8; } */
.nevow-form .actions input			{ margin-right: 0.5em; color: white; background: #00395b; border: 2px solid #7ea3b9; font-family: Verdana; font-weight: bold; } 
.nevow-form .actions input:hover	{ color: #d8d8d8; } 






