/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

body
{
	font-family:Tahoma, Arial, sans-serif;
	font-size:10pt;
	color:#444;
}

::selection { background: #ffb7b7; }
::-moz-selection{background: #ffb7b7; }


/* re-setting some dojo stuff */
p, h2, h1
{
	margin:0;
}
h1{font-size:1.5em;}
h2{font-size:1.3em; }

.h2Margin
{
    margin-left: 100px;
    }
    
.tdFixedWidth
{
    width: 350px;
    }
h2 a{color:#FFF;}
h3{font-size:1.1em;}

#spinner.visible
{
	visibility:visible;
}

#spinner.hidden
{
	visibility:hidden;
}

a
{
	color:#0175B3;
}

.ui-button {
	padding:0.4em 1em 0.4em 20px;
	position:relative;
	text-decoration:none;
}

.disclaimer
{
	font-size:10px;
	color:#444;
	margin:10px 0 2px 10px;
}

#spinner
{
	width: 100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1001;
	background: #404040 url(images/ajax-loader.gif) no-repeat fixed center;
	/*opacity:.5;
	filter:alpha(opacity=50);*/
}

.accordionArea
{
	border: solid 1px #333;
	margin: 5px;
}


input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}


.contentHeader
{
	background-color:#333;
	padding:3px;

}

/* ======= SUMMARY  TABLES ====*/
table.summary
{
	width:100%;
}
table.summary th
{
	font-weight:bold;
	text-align:right;
	
}
th.colhdr
{
	 border-bottom:solid 1px #CCC;
	 padding:4px 3px 4px 0px;
}

th.rowhdr
{
	border-right:solid 1px #CCC;
	padding-right:3px;
	width:200px;
}

table.summary td
{
	text-align:right;
	padding:2px;
}

table.summary td.colTotal
{
	font-weight:bold;
	border-top:solid 2px #CCC;
}

/* ======= DETAIL  TABLES ====*/
table.detail
{
	width:100%;
	font-size:12px;
}
table.detail th
{
	font-weight:bold;
	text-align:right;
	
}
th.colhdr
{
	 border-bottom:solid 1px #CCC;
	 padding:4px 3px 4px 0px;
}
table.detail th.colhdr-grp
{
	 text-align:center;
}

th.rowhdr
{
	border-right:solid 1px #CCC;
	padding-right:3px;
}

table.detail td
{
	text-align:right;
	padding:2px;
}

table.detail td.colTotal
{
	font-weight:bold;
	border-top:solid 2px #CCC;
}


/* ======= BASIC INFO TABLE ====*/
table.basicInfo
{
	width:550px;
	font-size:12px;
	
}

table.basicInfo td
{	
	vertical-align:text-top;
	padding:2px;
}

table.basicInfo td.col1Td
{	
	text-align:right;
	font-weight:bold;
	width:80px;	
}

table.basicInfo td.col2Td
{	
	text-align:right;
	font-weight:bold;
	width:140px;
}

/* ======= Additional INFO TABLE ====*/
table.addnlInfo
{
	width:800px;
	
	font-size:12px;
	
}
table.addnlInfo td
{
	padding:2px;
}
table.addnlInfo td.col1Td
{	
	text-align:right;
	vertical-align:text-top;
	font-weight:bold;
	width:140px;
	padding-right:3px;	
}


/* ======= COST AND FUNDING TABLE ====*/
table.costInfo
{
	width:800px;
	margin:5px;
	font-size:10px;
}

table.costInfo th
{
	font-weight:bold;	
}

table.costInfo th.top
{	
	text-align:center;
}
table.costInfo td
{
	text-align:right;
}


/* ======= STATUS TABLE ====*/

table.statusInfo
{
	width:800px;
	margin:5px;
}
table.statusInfo th
{
	font-weight:bold;	
}

table.statusInfo th.top
{	
	text-align:center;
}
table.statusInfo td
{
	text-align:right;
}


.content
{
	padding:5px;
}

.contentHeader h2,  .contentHeader h3, .contentHeader h4
{
	color:#FFF;
	margin-top:0;
}

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
	width:900px;
	margin:auto auto;
	
}

.twothirds-left
{
	float:left;
	width: 580px;
}
.onethird-left
{
    float:left;
	width: 280px;
    }
.onethird-right
{
	float:right;
	width: 280px;
}

#logo
{
	float:left;
}

#footer {float:right;}
#footer ul li 
{
	float:left;
	padding:5px;
}
#main
{
    /*padding: 30px 30px 15px 30px;
    background-color: #fff;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */    
    /*padding: 15px 25px 10px 25px;*/
    border-right:solid 1px #CCC;
	border-left:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	width:910px;
	float:left;
}

.bx_help 
{
	border:solid 1px #E15D12;
	margin:10px;
}

.bx_help h2
{
	background-color:#F0BE39;
	color:#222;
	padding:2px;
}

.bx_help ol
{
	list-style-type:decimal;
	list-style-position:inside;
}

.bx_help p
{
	padding:2px;
}

/*--- Navigation ---- */
.menuHorizontal
{
    float:right;
    /*position:relative;*/
    margin-top:55px
}
#nav 
{
    /*float:left;
    margin:0;*/
    padding: 21px 0 0 2em;
    list-style:none;
    text-transform:lowercase;
}

#nav li
{
    float:left;
    margin: 0 1px 0 0;
    padding:0; 
    font-size:0.9em;
}

#nav li a
{
    float:left;
    display:block;
    margin:0;
    /*padding: 4px 8px;*/
    padding:0.8em .8em;
    line-height:1.3em;
    color:#636363;
    font-size:0.8em;
    text-decoration:none;       
}

#nav li a strong
{	
	display:block;
	font-size:1.4em;
	font-weight:bold;
	color:#333333;	
}

#nav li a:hover 
{   
	color:#9D080D;    /*9D080D DCS2525*/    
}

#nav li#active a
{   
    color:#9D080D;       
}

/* MENU   
----------------------------------------------------------*/
#menucontainer
{
	background:#FFFFFF url(images/buttonEnabled.png) repeat-x scroll left bottom;
	height:30px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	width:100%;
}

#menucontainer .dijitButtonNode, #menucontainer .dijitButtonNode button
{
	border:none 0px;
	background:Transparent none;
}

#menucontainer .dijitArrowButtonInner, #menucontainer .dijitArrowButtonChar
{
	display:none;
}

/* HEADER   
----------------------------------------------------------*/
div.clear
{
	clear:both;
}

#header
{
}

#banner
{
    border: solid 1px Black;    
    /*float:left;*/
    width:910px;
    height:146px;
}
#logo
{
	background: white url(./images/rtr_logo.jpg) no-repeat;
	width:350px;
	height:146px;
}
#bannerFade
{
	float:right;
	background: white url(./images/rtr_banner_fade.jpg) repeat-x;
	width:560px;
	height:146px;
}

#title
{
    display:block;
    float:left;
    text-align:left;
}

#siteTitle
{
    display:block;
    float:right;
    text-align:right;
    color: #333333;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 20px;
    margin-right:10px;
}

#title h1
{
	font-size:1.5em;
	line-height: 1.5em;
    margin: 5px 0 5px 5px;
    font-weight:normal;
}

#title a:link
{
	color:White;
	text-decoration: none;
}

#title a:visited
{
	color:White;
	text-decoration: none;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
    float:right;
}

#logindisplay a:link, #logindisplay a:visited
{
    color: white;
    text-decoration: none;
}

#logindisplay a:hover
{
	text-decoration: underline;
	cursor:pointer;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    clear:both;
}

.validation-summary-errors
{
	color:Red;
	font-size:.8em;
	font-weight:bold;
}

.validation-summary-errors li
{
}

ul.validation-summary-errors {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}

/* DIALOG
----------------------------------------------------------*/

#dialogControls hr
{
	background-color:Orange;
	color:Orange;/*ie*/
	height:2px;
	border-style:none;
}



#dialogControls .dialogButton
{
	border-color:Orange;
	/*background-color:Orange;*/
	font-weight:bold;
	width: 100px;
	float:right;
	background: Orange url(images/submitBtn.png) repeat-x;
}


.formControls 
{
	border-top: solid 2px orange;
	background-color: #FDEFE3;
	height:30px;
	padding:10px 0px 0px 5px;
}
.formButton
{
	font-weight:bold;
	border:solid 1px #D9680D;
	
}