/*/////////////////////////////////////////////////////////////////////////////
// first.css  - Style & Layout information for the site - Main Style Sheet
//////////////////////////////////////////////////////////////////////////////
// Author:  Irina
// Last Modified:  12/19/2006
//////////////////////////////////////////////////////////////////////////////*/

/*** Table of Contents **********************************************
 *** Global settings
 *** Header Layout
 *** Main Layout
 *** Left Layout
 *** Right Layout
 *** Bottom Layout
 *** ?????? Layout
 ********************************************************************/

/*** Global settings ************************************************/

html, body {
		padding: 0; 
		margin: 0; 
}
body {
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		background: #fff;
}
A:link {
		color:#0000A0;
		text-decoration:none;
}
A:visited {
		color:#5555FF;
		text-decoration:none;
}
A:hover {
		color:#CC6600;
		text-decoration: underline;
}
.err {
		font: bold 13px Arial, Helvetica, sans-serif;
		color: red;
}
.error {
		font: italic 13px Arial, Helvetica, sans-serif;
		border-bottom: dashed 1px #FF0000; 
		padding: 0 10 3 10;
}
.success {
		font: italic 13px Arial, Helvetica, sans-serif;
		border-bottom: dashed 1px #99FF00; 
		padding: 0 10 3 10;
}

p {
	font: 13px "trebuchet ms";
}


.small {
	font: italic 9px "verdana";
	line-height: 12px;
}

p.title{
	/*padding: 5px;*/
    /*text-transform: uppercase;*/
	font: bold 18px "trebuchet ms";
}

p.subtitle{
    text-transform: uppercase;
	font: bold 15px "Arial";
}

.subtitle{
    text-transform: uppercase;
	font: bold 15px "Arial";
	padding-left: 10px;
}

p.error {
	font: bold 13px "trebuchet ms";
    color: red;
}

p.success {
	font: 13px "trebuchet ms";
    color: green;
}

td.bordered {
	font: 13px "trebuchet ms";
	border: solid 1px #000000; 
	padding: 5 15 5 15;
	text-align: center;
}

/*** Header Layout ************************************************/

#header {
		height: 100px;
		/*width:  916px;*/
		background-color:  white;
		background-image: url(images/banner.gif);
		background-repeat: no-repeat;
 }
#header_old {
		height: 100px;
		/*width:  916px;*/
		background-color: #ECDCB8;
		/*background-image: url(images/banner.gif) norepeat;*/
 }
#logo {
		/*background-color: #aadd66;*/
		background-image: url(images/logo.gif);
		background-repeat: no-repeat;
		height: 94px;
		width: 110px;
}

.dojoHtmlFisheyeListBar {
	margin: 0 auto;
	text-align: center;
}

.outerbar {
	position: absolute;
	left: 70px;
	top: 55px;
	text-align: left;
/*	border: 1px inset #CC6600;*/
}

/*** Main Layout ************************************************/
#content {
		padding: 20px;
		/*border: #881F2E 2px solid;*/
		/*background-color: #0006DC;*/
		/*height: 500px;*/
}  

div.spacer {
		clear: both;
}

/*** Left Layout ************************************************/

.left
 {
		float: left;
		padding-right: 20px;
		padding-bottom: 20px;
		/*background-color: #0ff0fA;*/
}
#left_nav {
		background-color: #D0D6DC;
		width: 221px;
		/*height: 500;*/
}
#left_nav_top {
		background-image: url(images/logo.gif);
		background-repeat: no-repeat;
		font: bold 15px Arial, Helvetica, sans-serif;
		color: #000090;
		padding: 5px;
}
.left_nav_bar_on {
		background-image: url(images/bar/bar_sm_2_on.png);
		background-repeat: no-repeat;
		height: 30px;
		font: 13px Arial, Helvetica, sans-serif;
		color: #ffffff;
		padding: 5 5 0 5;
		/*background-color: #ff00fA;*/
}
.left_nav_bar_off {
		background-image: url(images/bar/bar_sm_2_off.png);
		background-repeat: no-repeat;
		height: 30px;
		font: 13px Arial, Helvetica, sans-serif;
		color: #ffffff;
		padding: 5 5 0 5;
		/*background-color: #ff00fA;*/
}
.left_nav_bar_text {
		
		font: 13px Arial, Helvetica, sans-serif;
		color: #000000;
		padding: 5 5 5 5;
		/*background-color: #5FfffA;*/
}

/*** Right Layout ************************************************/
.right
 {
		float: left;
		padding-bottom: 20px;
		/*background-color: #5F111A;*/
}

#main_content {
		width: 713px;
}  
#main_content_top {
		font: bold 15px Arial, Helvetica, sans-serif;
		color: #A91922;
		padding: 5px;
}  

#main_content_tabs {   /*    background-color: #E000ED;*/
		height: 35px;
}  

.main_content_tab_on {
		background-image: url(images/tab/tab_on.gif);
		background-repeat: no-repeat;
		background-color: #ECDCB8;
		width: 142px;
		height: 35px;
		float: left;
		padding-top: 10px ;
		text-align: center;
		margin-right: 1px;
		font: bold 13px Arial, Helvetica, sans-serif;
		color: #000090;
}

.main_content_tab_off {
		background-image: url(images/tab/tab_off.gif);
		background-repeat: no-repeat;
		background-color: #E7EAED;
		width: 142px;
		height: 35px;
		float: left;
		/*padding: 10 0 -10 0;*/
		text-align: center;
		margin-right: 1px;
		font: bold 13px Arial, Helvetica, sans-serif;
		color: #000090;
}

.main_content_bar_on {
		background-color: #881F2E; 
		background-image: url(images/bar/bar_bg_3_on.png);
		background-position: right; 
		background-repeat: no-repeat;
		font: bold 13px Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		width: 693px;
		height: 30px;
		line-height: 30px;
		padding-left: 5px;
		margin: 15 0 15 0;
		border: outset 1px #881F2E; 
} 
.main_content_bar_off {
		background-color: #0D3F63; 
		background-image: url(images/bar/bar_bg_3_off.png);
		background-position: right; 
		background-repeat: no-repeat;
		font: bold 13px Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		width: 693px;
		height: 30px;
		line-height: 30px;
		padding-left: 5px;
		margin: 15 0 15 0;
		border: outset 1px #0D3F63; 
} 
#main_content_text {
		border-top: #99775E 2px solid;
		/*background-color: #F8F5D8;*/
		background-color: #ECDCB8;
		font: 13px arialHelvetica,sans-serif;
		padding: 10 10 10 10;
		color: #000000;
		/*height: 200px; expression(parseInt(document.body.offsetHeight)-(75+100))*/
} 

/*** Bottom Layout ************************************************/
.footer {
		font: 10px "Arial";
		color: #000000;
		vertical-align: top; 
		height: 22px;
		padding: 5px;
		padding-left: 40px;
		/*background-color: #D0D6DC;*/
		/*background-image: url(images/banner_flipped.gif); background-repeat: no-repeat; background-position: right;*/
		position: relative;/* top:150px; left:250px;*/
}

/*** ???? ************************************************/

td.col_head {
    /*text-transform: uppercase;*/
	font: bold 13px "arial";
    color: #FFFFFF;
	/*height: 27px;*/
    background: #99775E;
	vertical-align: center; 
    padding: 3 1 3 10;
}

td.row {
    /*height: 27px;*/
	font: 12px "arial";
	vertical-align: top; 
    padding-top: 3;
    padding-bottom: 3;
    padding-left: 3;
    padding-right: 3;
    background: #F8F5D8;
	/*border-top: 1px solid #E0E0AA;*/
	vertical-align: middle; 
}

.update {
	font: bold 12px "arial";
    padding: 1 7 1 7;
    background: #E2D2B7;
	border: 1px dotted #A91922;
    color: #A91922;
}
.view {
	font: bold 12px "arial";
    padding: 1 7 1 7;
    background: #CCCCFF;
	border: 1px dotted blue;
    /*color: #blue;*/
}
.delete {
	font: bold 12px "arial";
    padding: 1 7 1 7;
    background: #FFCCCC;
	border: 1px dotted red;
    /*color: #red;*/

}
td.row A:hover
{
    background: #E0E0AA;
    /*color: #000000;*/
}
.center {
	vertical-align: middle; 
	text-align: center; 
}
.editor {
    background: #ffffff;
	border: 1px inset #CC6600;
    /*color: #green;*/
}
.page_bg {
    background: #ffffff;
	border: 1px inset #CC6600;
	padding: 5px;
}
/*
.space {
		background-color: #990015;
		height: 10px;
		width: 10px;
		background-image: url(images/space.gif);
		background-repeat: repeat-x;   
}*/


div.container {
	background-color: white;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.label , .content {
	padding: 3px;

}

.label {
	color: #3333FF;
	cursor: pointer;
	background-color: #F6E9D5;
	border-bottom: 1px dashed #E2D2B7;
}

.label2 {
	padding: 3px;
	color: #3333FF;
	cursor: pointer;
	background-color: #F6E9D5;
	border: 2px solid #E2D2B7;
}

.content {
	background-color: #F1E1C7;
	margin-left: 10px;
	border-right: 1px dashed #E2D2B7;
	border-left: 1px dashed #E2D2B7;
	border-bottom: 1px dashed #E2D2B7;
}

.photo {
	background-color: #F1E1C7;
	padding: 5px;
	border: 1px groove #E2D2B7;
	height: 150px;
	width:  150px;
}

td.tablecellright {
	font: 13px "trebuchet ms";
	vertical-align: middle; 
    padding: 2;
	text-align: right; 
	width:  160px;
	/*border: 1px dashed #E2D2B7;*/
}
td.tablecellleft {
	font: 13px "trebuchet ms";
	vertical-align: middle; 
    padding: 2;
}

td.listcol {
	width:  350px;
	font: 13px "arial";
	vertical-align: top; 

}
td.photocell {
	width:  25%;
	vertical-align: top; 
	text-align: center; 
	font: 11px "arial";
}

.navlink A{
	display:inline; 
}	
.navlink A:hover {
	border-bottom: 3px solid #C23043;
}

.panelcontainer
{
	padding: 0px;
}

.paneltitle
{
	color: #3333FF;
	cursor: pointer;
	background-color: #F6E9D5;
	border-bottom: 1px dashed #E2D2B7;
	padding: 3px;
	cursor: pointer;
}
.paneltitle2
{
	padding: 3px;
	color: #3333FF;
	cursor: pointer;
	background-color: #F6E9D5;
	border: 2px solid #E2D2B7;
	padding: 3px;
}
.panelcontent
{
	background-color: #F1E1C7;
	margin-left: 10px;
	border-right: 1px dashed #E2D2B7;
	border-left: 1px dashed #E2D2B7;
	border-bottom: 1px dashed #E2D2B7;
	padding: 3px;
	display: none;
}