/***
* NGO Portal   - application style sheets.
* Created On : 01/07/11
***/
/* Search Area Style
------------------------------------------------------------ */
#searchArea {
    padding: 0px 0px 10px 10px;
    margin: 10px 0px 10px 0px;
    border-bottom: 0px solid #cccccc;
}
.searchSpacing {
    word-spacing: 0px;
    white-space: normal;
    letter-spacing: -5px;
}
.searchSpacing select {

    letter-spacing: 0px;
}
div #mainContent {
	background: #FFFFFF
}

/* Application Button Style

------------------------------------------------------------ */

#appBtns {
    white-space: nowrap;
    padding: 5px 0px 0px 0px;    
    border-top: 2px solid #898776;    
    margin: 15px 0px 10px 0px;
}
#appBtns .btnGeneral, .btnGeneral  {
    padding: 2px 10px 0px 10px;
    margin: 0px;
    font-weight: bold;
    background: transparent url("/NGO/images/thBkgd.gif") repeat-x center top;
    cursor: pointer;
}
body,html {
	background:#666666;	
	margin:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
}
#wrap {
	border: 5px solid #C2113A;
	background-color: white;
	position: relative;
	overflow: hidden; /*added*/
	margin:auto;
	margin-top:10px; 
}
#header {
	background-repeat:no-repeat;
	background-position:right bottom;
	height:125px;
	vertical-align:middle;
}	
#header h1,
#header h2,
#header p {
	margin-left:2%;
	padding-right:2%;
}

/* ----- Navigation Bar ----- */

div#navbar2 {
    height: 30px;
    width: 100%;
    border-top: solid #000 1px;
    border-bottom: solid #000 1px;
    background-color: #336799;
	float:right;
}
div#navbar2 ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #FFF;
    line-height: 30px;
    white-space: nowrap;
	float:right;
}
div#navbar2 li {
    list-style-type: none;
    display: inline;
	color:#ffffff;
	font-weight: bold;
}
div#navbar2 li a {
    text-decoration: none;
    padding: 7px 10px;
    color:#ffffff;
	font-weight: bold;
}
div#navbar2 li a:link {
    color:#ffffff;
}
div#navbar2 li a:active {
    color:#ffffff;
	background-color:#C2113A;
}
div#navbar2 li a:visited {
    color:#ffffff;
}
div#navbar2 li a:hover {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #c2113a;
}
/* ----- Footer ----- */
div#globalFooter {
    height: 30px;
    width: 100%;
    border-top: solid #000 1px;
    border-bottom: solid #000 1px;
    background-color: #336799;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
}
/* ----- Main Container ----- */
#container0 {
	 /* column 1 background colour */
	padding: 10px 10px 30px 10px;
	margin-top: 10px;
    background-color: #ffffff;
}
#container2 {
	clear:left;
	
	width:100%;
	overflow:hidden;
	background:#ffffff; /* column 2 background color */
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	background:#ffffff; /* column 1 background color */
}
#questionLink {
	float:right;
	right:50%;
}
#col1 {
	float:left;
	width:90%;
	position:relative;
	left:5%;
	overflow:hidden;
	vertical-align:bottom;
}
#col2 {
	float:left;
	width:46%;
	padding-top: 0;
	position:relative;
	left:56%;
	overflow:hidden;
}	
div.notices {
	background:#FFFFFF;	
	padding: 40px 40px 40px 40px;
}
/* width would be 67% if there is no third button (row4) */ 
#row2 {
	float:left;
	width:33%;
	position:relative;
	vertical-align:bottom;
}
#row3 {
	float:left;
	width:33%;
	position:relative;
	vertical-align:bottom;
}
#row4 {
	float:left;
	width:33%;
	position:relative;
	vertical-align:bottom;
}
h3 {
	border-top: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}


.style1 {color: #B40000}
a {
	font-size: 11px;
	color: #B40000;
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.style2 {color: #005083}
.style3 {color: #B7B7B7}
.style4 {color: #000000;font-size: 8pt; font-family: arial,helvetica}
.style5 {color: #ffffff}
.style6 {
	     float:right;
	     display: block; 
	     width: 150px; 
	     border: 1px solid black;
	     padding: 10px; 
	     background: #dedede;
	     text-decoration: none;
		}



ul#menu {
	position: relative;
	z-index: 10;
    background-color: #ffffff;
    height: 1px;
    border: 2px solid #ffffff;
}

ul#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width:100%;
}

#menu li { /* topLevelMenuItems  */
	float: left;
	position: relative;
	width: 12em;
	cursor: default;
    border-right: 2px solid #ffffff;
	border-bottom: 2px solid #999999;
    padding: 1px 0px 1px 0px;
}

#menu li div {  /* topLevelMenuItems  */
	padding: 7px 3px 5px 3px;
    color: #ffffff;
    font-weight: bold;
    background: transparent url("/NGO/images/navBkgd.gif") no-repeat right top;
    text-align: center;
}

#menu li div a {
    color: #ffffff;
    display: block;
}
#menu li:hover ul, #menu li.over ul {
	display: block;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~Data Grid~~~~~~~~~ */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.dataGrid
{
	margin-left:auto;
	margin-right:auto;
	border-left: 1px solid #898776;
    border-right: 1px solid #898776;
    border-bottom: 1px solid #898776;
    width: 98%;
    margin: 5px 10px 10px 10px;
}
.dataGridRow {
    background: transparent url(/NGO/images/bkgdTblRow.gif) repeat-x left top;
}
#dataGridUnread {
/* background: transparent url(/NGO/images/bkgdTblRow.gif) repeat-x left top; */
    height: 30px;
    font-weight: bold;
}
#dataGridRead {
/*    background: transparent url(/NGO/images/bkgdTblRow.gif) repeat-x left top; */
    height: 30px;
}
.dataGrid th {
    text-align: center;
    vertical-align: middle;
    padding: 2px 5px 2px 5px;
    border-top: 1px solid #cccccc;
    border-right: 2px solid #666666;
    border-bottom: 2px solid #666666;
    border-left: 1px solid #cccccc;
    cursor: pointer;
    color: #333333;
    background: transparent url(/NGO/images/thBkgd.gif) repeat-x center bottom;
}

#advancedDiv {
	margin-left: 112px;
}

.dataGrid th.selected
{
	background: #fff url(/NGO/images/datagrid_headBg_on.png) left top repeat-x;
}
.dataGrid th img
{
	position: relative;
	left: 7px;
	top: -2px;
	width: 9px;
	height: 5px;
}
.dataGrid td {
    border-bottom: 0px solid #898776;
    height: 30px;
}
.dataGrid th.arrowUp img
{
	background: #fff url(/NGO/images/datagrid_headArrow.png) left top repeat-x;
}
.dataGrid th.arrowDown img
{
	background: #fff url(/NGO/images/datagrid_headArrow.png) right top repeat-x;
}
.dataGrid td
{
	border-bottom: 0px solid #898776;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #e5e5e5;
	padding: 0px 5px 0px 15px;
}
.dataGrid tbody td.selected
{
	background-color: #C6FFFF;
}
a.incomplete
{
	color: #ff6724;
}

.msgGrid_bt
{
	text-align: center;
	white-space: nowrap;
    padding: 5px 10px 0px 5px;    
    border: 2px solid #898776;    
    margin: 10px 10px 10px 10px;
    float: right;
}

.dataGrid_bt
{
	text-align: right;
	white-space: nowrap;
    padding: 5px 10px 0px 5px;    
    border-top: 2px solid #898776;    
    margin: 10px 10px 10px 10px;
}

.dataGridView_controls
{
	color: #333;

	padding: 40px;
}
.dataGridView_controls .rowControl
{
	display: inline;
	float: left;
	width:440px; 
	text-align:left;
	padding:3px;
}
.dataGridView_controls .rowControl select
{
	padding: 2px 5px;
	background-color: #fbf9ea;
	border: solid 1px #B7B7B7;
}
.dataGridView_controls .rowDisplay
{
	display: inline;
	float: left;
	width: 250px;
	text-align: left;
	padding: 3px;
	font-weight: bold;
}
.dataGridView_controls .dataGrid_pager
{
	display: inline;
	float: right;
	font-weight: bold;
}
.dataGridView_controls .dataGrid_pager a, .dataGridView_controls .dataGrid_pager span
{
	margin-left: 5px;
	margin-right: 5px;
}
.dataGridView_controls .dataGrid_pager .btnAwp
{
	padding: 3px 7px 4px;
	font-size: 15px;
}

#next-button .btnAwp  {
    padding: 2px 10px 0px 10px;
    margin: 0px;
    font-weight: bold;
    cursor: pointer;
}

.dataGridBene_controls
{
	color: #333;
	padding: 10px;
}

.dataGridBene_controls .rowControl
{
	display: inline;
	float: left;
	width:440px; 
	text-align:left;
	padding:3px;
}
.dataGridBene_controls .rowControl select
{
	padding: 2px 5px;
	background-color: #fbf9ea;
	border: solid 1px #B7B7B7;
}
.dataGridBene_controls .rowDisplay
{
	display: inline;
	float: left;
	width: 250px;
	text-align: left;
	padding: 3px;
	font-weight: bold;
}
.dataGridBene_controls .dataGrid_pager
{
	display: inline;
	float: left;
	font-weight: bold;
}
/*
.dataGridBene_controls .dataGrid_pager a, .dataGridBene_controls .dataGrid_pager span
{
	margin-left: 110px;
}
*/
.dataGridBene_controls .dataGrid_pager .btnAwp
{
	padding: 3px 7px 4px;
	font-size: 15px;
}


/* ----- PIF Table ----- */

#piftable table {
	margin-top:10px;
	padding-bottom:10px;
}


#piftable th {
	font: bold 11px;
	color: #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 6px;
	background: #336799;
	text-align:center;
}

#piftable th.nobg {
	border-top: 0;
	border-left: 0;
	background: none;
}

#piftable td {
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #DDDDDD;
	padding: 6px 6px 6px 12px;
	color: #000000;
}
#piftable td.currency {
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 6px 6px 6px 12px;
	color: #000000;
	text-align:right;
}


#piftable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#piftable th.spec {
	border-left: 1px solid #002A6C;
	border-top: 0;
	background: #fff no-repeat;
	font: bold 10px;
}
#piftable.centered {
  width: 90%;
  margin: auto;
  margin-top:25px;
}
#piftable caption {
	padding: 0 0 5px 0;
	font: italic 11px;
	font-style:italic;
	font-weight:bold;	
	text-align: left;
}

/* ----- Progress Bar ----- */
.tabmenu {padding:0 50px; margin:0; list-style:none; height:32px; border-bottom:1px solid #000;}
.tabmenu li {float:left; margin-right:2px;}


.tabmenu li a {
	display:block;
	line-height: 32px; color:#000; font-family:arial, sans-serif; font-size:14px; font-weight:bold; float:left; text-decoration:none; padding:0 15px; text-decoration:none; background:#aaa; border:1px solid #000; border-bottom:0;
}

/* ----- Warning Box ----- */

.alert {
	background: #FEEFB3 url(../images/warning.gif) left no-repeat;
	background-position: 10px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 50px;
	border: 2px solid #FF9900;
	margin: auto;
	margin-top: 50px;
	width: 60%;
}

/* ----- PIF Form ----- */

.label {
  display: block;
  line-height: 1.8;
  vertical-align:middle;
  text-align:left;
  word-wrap:break-word;
}

ol.pifClass li {
	list-style:none;
	  padding-top: 5px;
  padding-bottom: 5px;
}
ol.pifClass legend {
  padding: 0 2px;
  font-weight: bold;
}
ol.pifClass label {
  display: inline-block;
  line-height: 1.8;
  vertical-align:middle;
  text-align:right;
}
ol.pifClass fieldset ol {
  margin: 0;
  padding: 0;
}
ol.pifClass fieldset li {
  list-style: none;
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 0;
}
ol.pifClass fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
ol.pifClass fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
ol.pifClass fieldset label {
  display: block;
  width: auto;
}
ol.pifClass em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
ol.pifClass .label {
  width: 300px; /* Width of labels */
}
ol.pifClass fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}


/* ----- Navigation for PIF Form ----- */
#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #002A6C;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}


.nolink
{
font-size: 11px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
	background-color: #666666;
	color: white;
}

#navcontainer #active { border-left: 1px solid #C2113A; }

table.csh {
	width:100%;
	border-style:none;
}	

div#pop-up {
  display: none;
  position: absolute;
  top: 200px;
  left: 200px;
  width: 280px;
  padding: 10px;
  background: #eeeeee;
  color: #000000;
  border: 1px solid #1a1a1a;
  font-size: 90%;
}

div.selectHead {
	text-align: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~Validation Messages~~~~~~~~~ */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.msg_error
{
	color: #D8000C;
	/*outline: solid 1px #e79c3b;*/
	border: solid 3px #f7d188;
	margin: 10px 0;
	padding: 5px 10px 5px 27px;
	background: #f9f3e7 url(/rai/images/exclamation-red.png) 7px 7px no-repeat;
	display: block;
}
.msg_error ul
{
	margin-left: 20px;
}

/*~~~~~~~~~~~Error - Form ~~~~~~~~~ */
.error
{
	color: #D8000C;
	display: block;
}
span.error + input, span.error + select
{
	border-color: #ff9a8e;
}
pre ~ p {color: red;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~Button~~~~~~~~~ */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.button {
	overflow: visible;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: 8px 30px;
	/*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	/*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);*/
	text-transform: uppercase;
	
	
	
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.button:focus
{
	border-color: #a5d2ff !important;
	border-width: 1px !important;
	outline: none !important;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~Size ~~~~~~~~~~~~~~~~~~~~~~~~~*/
.medium {
    font-size: 12px !important;
    padding: 5px 18px 5px;
}
.small {
    font-size: 11px !important;
    padding: 0.2em 1em 0.275em;
}
.wide {
	padding-left: 50px;
	padding-right: 50px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~Color ~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7 !important;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover, .white:focus {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
/* orange */
.orange {
	color: #fff;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover, .orange:focus {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* blue */
.blue {
	color: #fff !important;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover, .blue:focus {
	background: #007ead !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/*~~~~~~~~~~~~~~~~~~~~~~~~Button Container ~~~~~~~~~~~~~~~~~~~~~~~~~*/
.buttonContainer
{
	border-top: solid 2px #acacac;
	text-align: right;
	padding-top: 20px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*);
/*~~~~~~~~~~~Additional CSS~~~~~~~~~ */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ngo_head{
	cursor: pointer;
	cursor: hand;
}

.awardee-name-label{
	font-weight: bold;
	text-align:left;
}

.table {width: 100%; height: 100%;}
.row {width: 100%; min-height: 1px; height: auto; margin: 0;}
.cell {float: left; margin: 0; padding: 10;}
.head {float: left; margin: 0; padding: 10; background:#EBEBEB;}
.onecol {width: 100%;}
.twocol {width: 50%;}
.threecol {width: 33%;}
.fourcol {width: 25%;}
.fivecol {width: 20%}
.sixcol {width: 16%}
.threefourthscol {width: 75%}

div#updateDiv {
    width: 100%;
}
#firstCol {
	float:left;
	width:46%;
}
#secondCol {
	float:right;
	width:46%;
}	
#passCol1 {
	float:left;
	width:464px;
	position:relative;
	left:52%;
	vertical-align:bottom;
}
#.btnGrid  {
    padding: 2px 10px 0px 10px;
    margin: 0px;
    font-weight: bold;
    cursor: pointer;
}
#failed, #noQuestions, #struckOut	{
    color: #C3213B;
}

#warnUs {
	text-align:center;
	font-weight:bold;
	color: #FF0000;
}