@import url(/*+ no! */http://www.ngdp.co.uk/Stylesheets/iehacks.css);
/* CSS Document - NGDP*/

body { 
background: url( http://www.ngdp.co.uk/images/mainbg.gif );
color:#000; 
font-family: arial, helvetica, sans-serif;
font-size:62.5%;
margin: 0; 
padding:0;
min-width: 766px; 
text-align: center;
}

#frame { 
position:relative;
width: 766px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
margin-top: 0;
padding:0;
text-align: left;
}

/*skiplinks for access keys*/
#skiplinks {display:none;}

#skiplinks li { 
display:inline;
margin: 0;
padding: 0;
list-style-type: none; 
} 

#skiplinks a { 
position: absolute;
top: 0;
left: 20px;
width: 0px;
height: 0;
z-index: 1000;
background-color: #fff;
color: #dc2a1a;
font-weight: bold;
font-size: 1em !important;
overflow: hidden;
} 

#skiplinks a:active { 
position: absolute;
margin: 0;
padding:6px;
width: auto;
height: auto;
border-top-width: 0px;
border-left-width: 0;
border-bottom-width: 0;
overflow: visible; 
border-right-width: 0; 
font-size: 0.6em;
} 

hr.hide { display: none;}

/* >>>>>>>>>>>>>> HEADER STARTS <<<<<<<<<<<<<< */
#headerwrap {
width:766px;
float:left;
position:relative;
margin:0;
padding:0;
}

#header {
width:766px;
float:left;
position:relative;
margin:0;
padding:0;
}

#header img {
border:0;
float:left;
}

/* breadcrumb starts */
#breadcrumb { 
position: relative;
width:766px;
font-family: "Arial Narrow", arial, helvetica, sans-serif;
color:#B0D237;
margin:0;
padding:20px 0 4px 0;
float:left;
background:#000;
font-weight:lighter;
border-bottom:1px solid #96C4C3;
}

#breadcrumb ul {
margin:0;
padding:0 0 0 9px;
list-style-type:none;
}

#breadcrumb ul li {
display:inline;
font-size:1.1em;
margin:2px 0;
padding:0 4px 0 0;
color:#B0D237;
}

#breadcrumb ul li a {
color:#B0D237;
text-decoration:none;
padding:0;
margin:0;
display:inline;
background: url(http://www.ngdp.co.uk/images/breadbullet.gif) 0px 6px no-repeat;
padding-left:8px;
}

#breadcrumb a:hover {
display:inline;
text-decoration: underline;
}	

#breadcrumb ul li.current{
color:#B0D237;
background: url(http://www.ngdp.co.uk/images/breadbullet.gif) 0px 6px no-repeat;
padding-left:8px;
}

/* #bd-intro #breadcrumb ul li:first-child {
display:none;
} */

/* breadcrumb ends */

/* >>>>>>>>>>>>>> HEADER ENDS <<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>> NAVIGATION STARTS <<<<<<<<<<<<<< */
/* main nav */
#navcontain {
width:766px;
float:left;
position:relative;
margin: 0;
padding:0;
}
 
ul#nav {
width: 766px;
height: 59px;
background: #fff url(http://www.ngdp.co.uk/images/menu.gif);
margin: 0;
padding: 0;
}

#nav li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

#nav li, #nav a { /* turns links into blocks */
height: 59px;
display: block;
padding: 0;
}

#nav li a { /* pushes link text off the page */
text-indent: -9999px;
text-decoration: none;
height: 59px;
}

#nav a {
padding: 59px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:20px; /* for IE5/Win only */
text-decoration: none;
}

/* sets the width and position of the main links */

#home {left: 0; width: 109px;}
#whatisngdp {left: 109px; width: 109px;}
#workinginlocalgovernment {left: 218px; width: 109px;}
#people {left: 327px; width: 109px;}
#howtojoin {left: 436px; width: 109px;}
#apply {left: 545px; width: 109px;}
#faqs {left: 654px; width: 109px;}


/* setting background image positions of main nav buttons... */
#home a:hover, #home .current, #home a:hover.current  {background: transparent url(http://www.ngdp.co.uk/images/menu.gif) 0 -59px no-repeat;}
#whatisngdp a:hover, #whatisngdp .current, #whatisngdp a:hover.current {background: transparent url(http://www.ngdp.co.uk/images/menu.gif) -109px -59px no-repeat;}
#workinginlocalgovernment a:hover, #workinginlocalgovernment .current, #workinginlocalgovernment a:hover.current {background: transparent url(http://www.ngdp.co.uk/images/menu.gif) -218px -59px no-repeat;}
#people a:hover, #people .current, #people a:hover.current {background: transparent url(http://www.ngdp.co.uk/images/menu.gif) -327px -59px no-repeat;}
#howtojoin a:hover, #howtojoin .current, #howtojoin a:hover.current {background: transparent url(http://www.ngdp.co.uk/images/menu.gif) -436px -59px no-repeat;}
#apply a:hover, #apply .current, #apply a:hover.current {background: transparent url(http://www.ngdp.co.uk/images/menu.gif) -545px -59px no-repeat;}
#faqs a:hover, #faqs  .current, #faqs  a:hover.current {background: transparent url(http://www.ngdp.co.uk/images/menu.gif) -654px -59px no-repeat;}


#homecontainer { 
position:relative;
float:left;
width: 766px;
padding:0;
margin:0;
background:#fff;
}

#flashframe {
position:relative;
float:left;
width: 722px;
margin:0;
padding:20px 0 20px 25px;
}

#flashhome {
position:relative;
float:left;
width: 714px;
margin:0;
padding:0;
}

#homecontent {
position:relative;
float:left;
width: 722px;
padding:0 0 35px 14px !important;
margin:0;
}

#homeleft {
position:relative;
float:left;
width: 343px;
padding:0;
margin:0;
}

#homeleft img {border:none; margin:6px 0 0 0; padding:0;}

#homeright {
position:relative;
float:left;
width: 379px;
padding:0;
margin:0;
}

#homeright p {
margin:0 20px 0 0;
padding:0;
line-height:1.8em;
font-size:1.6em;
color:#727272;
}

#container { /*contains the submenu and content*/
position:relative;
float:left;
width: 766px;
padding:0;
margin:0;
background:#fff;
}

#submenu {
width:190px;
float:left;
clear:left;
margin:0;
background:#fff;
}


#top100logo {
margin:30px 0 0 0;
}

#promos {
margin:18px 0 10px 0;
}

#promos img {border:none;}

#submenu ul{
list-style-type:none;
margin:0;
padding:0;
font-size:1.1em;
font-weight:bold;
}

#submenu ul li {
margin:0;
padding:0;
border-top:1px solid #fff;
border-bottom:1px solid #040404;
}

#submenu ul li a{
color:#fff;
display:block;
background:#040404;
padding:8px 0 7px 12px;
text-decoration:none;
}

#submenu ul li a:hover, #submenu ul li a.current, #Menu4 li a#on {
text-decoration:none;
color:#fff;
background:#007674;
}

#submenu ul ul {
list-style-type:none;
margin:0;
padding:0;
font-size:1.0em;
}

#submenu ul li ul li a{
padding-left:25px;
}

/* >>>>>>>>>>>>>> NAVIGATION ENDS <<<<<<<<<<<<<< */

/* >>>>>>>>>>>>>> MAIN CONTENT STARTS <<<<<<<<<<<<<< */

#maincontainer {
position:relative;
width:576px;
float:left;
padding:25px 0 20px 0;
margin:0;
background:#fff;
}

#maincontainer p {
padding:0;
margin:0 30px 13px 22px;
font-size:1.2em;
line-height:1.7em;
}

#maincontainer h3.display {
margin:0 30px 0 22px;
padding:5px 0 10px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
}

#maincontainer a, .bulletSub a, #maincontainer ul li a, h3.display a, p.display a {
color:#007674;
text-decoration:none;
margin:0;
padding:0;
}

#maincontainer a:hover, .bulletSub a:hover, #maincontainer ul li a:hover, h3.display a:hover,  p.display a:hover{
color:#B0D237;
text-decoration:none;
}

#maincontainer ul {
margin:0 35px 15px 45px;
padding:0;
}

#maincontainer ul li {
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
color: #000;
}

#maincontainer ul li ul li {
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
color: #000;
}

#maincontainer h1 {
font-size:3.0em;
color:#B0D237;
margin:6px 0 0 22px;
padding:0 0 15px 0;
font-weight:normal;
}

#maincontainer h2 {
color:#99CC33;
font-size:2.4em;
font-weight:normal;
margin:0 30px 0 22px;
padding:0;
}

#maincontainer h3 {
color:#99CC33;
font-size:1.8em;
font-weight:normal;
margin:0 30px 0 22px;
padding:0;
}

#maincontainer h3 a, h3 a:hover {
color:#007674;
font-weight:normal;
margin:0 30px 0 22px;
padding:0;
font-size:1.2em;
}

#maincontainer h4  {
color:#99CC33;
font-size:1.3em;
margin:0 30px 0 22px;
padding:0;
}

#maincontainer .bulletSub {
font-size: 1.0em;
}

#bd-home img {
border:none;
}

#bd-home img.imagepadding {
padding-bottom:3px;
}

html>/**/body#bd-home img.imagepadding {padding-bottom:0;}

html >/**/body#bd-casestudies h1 img {
margin:6px 0 0 0;
padding:0;
}
bd-government

#bd-casestudies h1 {
font-size:3.0em;
color:#B0D237;
margin:0;
padding:0;
font-weight:normal;
}

#casecarolyn h1 {
padding-top:0;
}

#casename h1 {
padding-top:0px;
}

#casepetra h1{
padding-top:0px;
margin-bottom:0;
}

#casemichael h1 {
padding-top:0px;
margin-bottom:0;
}


#casehelen, #casename, #casemichael, #casecarolyn, #casepetra, #casefrancis {height:155px;}

html > /**/ body #casehelen {min-height:155px; height:auto;}
html > /**/ body #casename {min-height:155px; height:auto;}
html > /**/ body #casemichael {min-height:155px; height:auto;}
html > /**/ body #casecarolyn {min-height:155px; height:auto;}
html > /**/ body #casepetra {min-height:155px; height:auto;}
html > /**/ body #casefrancis {min-height:155px; height:auto;}


#casehelen h1 {
padding-top:0px;
}

#casefrancis h1 {
padding-top:0px;
}

.photo {
float:left;
margin-right:15px;
margin-left:22px;
}

#maincontainer div.stretcher {
margin:0 30px 0 22px;
padding:0;
}

div.stretcher ul li {
padding:0 0 3px 0;
line-height:1.6em;
}

.bullets {
font-size:1.0em;
}

#maincontainer img {
border:0;
}

.floatright {
float:right;
}

.clearboth {
clear:both;
}

#bd-casestudies ul#peoplethumb {
margin:0 0 0 22px;
padding:0;
list-style-type:none;
}

#bd-casestudies ul#peoplethumb li {
float:left;
padding:0 30px 20px 0;
margin:0;
width:230px;
}

#bd-casestudies ul#peoplethumb li img {
float:left;
position:relative;
padding:0 5px 0 0;
}

#map {
padding:0 0 0 15px;
}

#map p {
margin-left:8px;
}

div#government {
padding-left:21px;
}

/* >>>>>>>>>>>>>> MAIN CONTENT ENDS <<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>> FOOTER STARTS <<<<<<<<<<<<<< */

#footerwrap {
height: 122px;
clear:both;
}

#footer {
position:relative;
width:766px;
height: 122px;
background:#007674;
float:left;
clear:both;
margin:0 24px 0 0;
padding:15px 0 0 0;
border-top:3px solid #000;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80% !important;
text-transform:uppercase;
}

html > body #footer{padding:22px 0 0 0; height:122px}

html > /**/ body #footer{padding:22px 0 0 0; height:122px}

#footer ul {
float:left;
list-style-type:none;
padding:8px 18px 0 25px;
margin:0;
}

#footer img {border:none;}

#footer ul li {
float:left;
border-bottom:1px solid #007674;
}

#footer ul li {
float:left;
border-bottom:1px solid #007674;
margin-top:12px;
}

#footer ul li.footlogo {
float:left;
border-bottom:1px solid #007674;
margin-right:25px;
margin-top:0;
}

#footer a {
text-decoration: none;
margin:0;
padding:0 3px 0 3px;
color:#fff;
}

#footer a:hover{
text-decoration: none;
color:#fff;
}	 
/* >>>>>>>>>>>>>> FOOTER ENDS <<<<<<<<<<<<<< */



/*==== Application form ====*/


body
{

	font-size: 13px;
	
}

#main 
{
	position: relative;
	width: 736px;
	overflow:hidden;
	height:1%;
	background: none;
	margin-left: auto;
	margin-right: auto;

}




h3 
{ 
	color:#99CC33; 
	margin:0 ;
	height:27px;
	padding-top:20px;
	font-weight:bold;
	font-size:120%;
	padding-bottom:1px;
	width:736px;
	border-top:4px solid #000;
	margin-top:20px;
}

h3 a
{
    color:#007674; 
    text-decoration:underline;
}

h3 span {}

a
{
	text-decoration: none;
	color: #007674;
}

a:hover
{
	text-decoration: underline;
}

img
{
	border: none;
}

.alt td
{
	background-color: white;
}

label.wide
{
	float: left;
	display: block;
}

label
{
	
    padding-right:15px;
	color:#000;
	font-weight:bold !important;
}


h5
{
    font-weight:bold;
    color:#000;
    font-size:100%;
    margin-left:10px;
    
}

*+html h5
{
    margin-top:15px;
}

*html h5
{
    margin-top:15px;
}

h6
{
    font-size:120%;
    padding:10px 0px 0px 0px !important;
    font-weight:bold;
    float:left;
    margin:0 !important;
    
}

/*
input
{
    margin-left:20px;
}

select
{
    margin-left:20px;
}

*/
td.labelColumn, td.inputColumn 
{   
    margin-right:20px;
    text-align:left;
  
}


a.accountlink
{
    float:right !important;
    overflow:hidden;
    font-weight:bold;
    color:#007674;
    text-decoration:underline;
    margin-right:25px;
    padding-top:15px;
    
}

/*====================================================================================================
		Layout
====================================================================================================*/

#container
{
	width:736px;
	height: 1%;
	padding: 0;
	margin:0;
	background-color:#fff
	
}


#groupe
{

   width:736px;
   background-color:#ffffff;
}



#leftColumn
{
	background-image: url( '/Forms/Themes/ngdp/images/bkgd_left_column.gif' );
	background-repeat: repeat-y;
	width: 28px;
}

#rightColumn
{
	background-image: url( '/Forms/Themes/ngdp/images/bkgd_right_column.gif' );
	background-repeat: repeat-y;
	width: 28px;
}



.settings
{
	padding: 10px 0px 10px 0px;
	background: white;
	border: 1px solid #ABC8E2;
	margin-bottom: 20px;
	margin-top: 20px;
}

.settings h1
{
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ABC8E2;
}

.settings h2
{
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ABC8E2;
}

.settings label
{
	float: left;
	width: 220px;
}

. td label
{
	float: left;
	width: 200px;
}

.settings .save
{
	text-align: left;
}

.nowidth label
{
	float: none;
	width: 0px;
}

.settings span label
{
	float: none;
	display: inline;
	width: auto;
	padding-right: 20px;
}

.settings span input[type="radio"]
{
	border: none;
}

.busy
{
	background: #375D81;
	border: 1px solid #223A4F;
	position: fixed;
	top: 25%;
	left: 46%;
	text-align: center;
	color: #FFFFFF;
	padding: 10px;
	font-size: 11px;
}

.busy img
{
	border: none;
	padding-bottom: 10px;
}

.invisibleElement
{
	visibility:hidden;
}

/*====================================================================================================
		Referrers
====================================================================================================*/

table.referrer td
{
	padding: 2px 0;
	border-bottom: 1px solid #ABC8E2;
}

table.referrer tr.alt td
{
	background-color: White;
}

table.referrer caption
{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 8px;
	display: block;
}

/*====================================================================================================
		Category
====================================================================================================*/

.category td
{
	padding: 2px 10px;
	vertical-align: top;
}

.category td input
{
	width: 200px;
}

.category td textarea
{
	height: 70px;
	width: 400px;
}

/*====================================================================================================
		Menu Tabs
====================================================================================================*/

.tabs .current
{
	font-weight: bolder;
}

.tabs a.current
{
	background-position: 0% -35px;
}

.tabs a.current span
{
	background-position: 100% -35px;
	color: #666666;
}

.tabs
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 93%;
	line-height: normal;
	margin: 0;
	padding: 0 0 0 40px;
	z-index: 1;
}

.tabs ul
{
	margin: 0;
	padding: 0 5px 5px 5px;
	list-style: none;
	position: relative;
	top: 1px;
}

.tabs li
{
	display: inline;
	margin: 0;
	padding: 0;
}

.tabs a
{
	float: left;
	background: url( "/Forms/Themes/ngdp/images/menu_tab_left.gif" ) no-repeat left top;
	padding: 0 0 0 4px;
	margin: 0 2px 0 0;
	text-decoration: none;
	text-transform: capitalize;
}

.tabs a span
{
	float: left;
	display: block;
	background: url( "/Forms/Themes/ngdp/images/menu_tab_right.gif" ) no-repeat right top;
	padding: 8px 8px 8px 4px;
	color: #FFFFFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac */
.tabs a span
{
	float: none;
	cursor: pointer;
}

/* End IE5-Mac hack */
.tabs a:hover span
{
	color: #666666;
}

.tabs a:hover
{
	background-position: 0% -35px;
}

.tabs a:hover span
{
	background-position: 100% -35px;
}

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

input[type="file"]:hover
{
	cursor: pointer;
}

input[type="checkbox"]
{
	border: none;
	background: none;
}

.info
{
	background: url(/Forms/Themes/ngdp/images/info.gif) right top no-repeat;
	padding: 15px 50px 10px 15px;
	border: 1px solid #375D81;
}

/*====================================================================================================
		Generic Form and Input
====================================================================================================*/

input[type="submit"], input[type="button"]
{
	color: #007674;
	border: none;
    margin: 0;
	font-weight:bold;
	height: 28px;
	font-size: 14px;
	text-align: left;
	padding: 0px 5px 0px 12px;
	margin: 20px 0px 0px 0px;
	border:none;
	text-decoration:underline;
	background:transparent url(/Forms/Themes/ngdp/images/arrow.gif) no-repeat scroll 0 12px;
}

input[type="submit"].button_login 
{
	margin: 0;
}

#groupe span.save input[type="submit"], #groupe input[type="button"], #groupe span.submit input[type="submit"], #groupe input[type="button"],
.button_normal, .button_login
{
	background:url('/Forms/Themes/ngdp/images/arrow.gif') no-repeat bottom left;
	width: 100px;
	background-repeat:no-repeat;
	background-position:0px 12px;
	text-decoration:underline;
	
}

div.wizard_buttons
{
	margin-left: 0px;
	margin-top:10px;
	padding:0;	
}

div.wizard_buttons input[type="submit"], div.wizard_buttons input[type="button"]

{

	background:url('/Forms/Themes/ngdp/images/arrow.gif') no-repeat bottom left;
	color:#007674;	
	height:32px;
	vertical-align:middle;
	text-align:center;
	padding:0px 0px 0px 12px;
	margin:0px 0px 0px 0px;
	width:120px;
	font-size:120%	
}



div.wizard_buttons input[type="submit"]:hover, div.wizard_buttons input[type="button"]:hover

{
    color:#56c4c2;
    

}


div.wizard_buttons input[type="submit"].wizard_back, div.wizard_buttons input[type="button"].wizard_back
{
	background:url('/Forms/Themes/ngdp/images/button_blue.gif') repeat-x top left;
	
}


div.wizard_buttons input[type="submit"].wizard_back:hover, div.wizard_buttons input[type="button"].wizard_back:hover
{
	background:url('/Forms/Themes/ngdp/images/button_blue_hover.gif') repeat-x top left;
	
}


div.wizard_buttons input[type="submit"], div.wizard_buttons input[type="button"]
{
	/*margin: 0;*/
}

.button_double
{
	background:url('/Forms/Themes/ngdp/images/arrow.gif') no-repeat bottom left;
	background-position:0px 12px;
	text-decoration:underline
}

.button_double:hover
{
    

}


input[type="submit"].input_double, input[type="button"].input_double
{
	width: 308px;
}

input[type="submit"].input_half, input[type="button"].input_half
{
	width: 50px;
}

input[type="submit"]:hover, input[type="button"]:hover
{
	cursor: pointer;	
}

input[type="submit"][disabled], input[type="button"][disabled]
{
	background: #D7D7D7 url('images/button_bg_disabled.gif') repeat-x top;
	color: #646464;
	border: solid 1px #B4B4B4;
}

#btnBack
{
	background: url('/Forms/Themes/ngdp/images/button_bg_back.gif') no-repeat top left;
	margin: 20px 0px 20px 40px;
	height: 34px;
	padding: 0px 0px 0px 0px;
	width: 102px;
	border:1px solid #b4b4b4;
	vertical-align:middle;
	text-align:center;
}

#btnBack:hover

{
    background: url('/Forms/Themes/ngdp/images/button_bg_back_hover.gif') no-repeat top left;
    color:#ffffff;
}


.defaultInput
{
	width: 200px !important;
}

input[type="text"], input[type="password"], textarea
{
	padding: 2px;
}

input[type="text"], input[type="password"], textarea, select
{
	
	color: #666666;
	font-size: 100%;
}


/*====================================================================================================
		Placeholder
====================================================================================================*/

div.row
{
    border-bottom:1px solid #007674;
	background-repeat:repeat-x;
	background-position:top left;
	padding: 5px 10px 5px 10px  ;
	margin: 0;
	font-size: 90%;
	text-align:left;
	min-height:23px !important;
}

div.altRow
{
    border-bottom:1px solid #007674;
	background-repeat:repeat-x;
	background-position:top left;
	padding: 5px 10px 5px 10px  ;
	margin: 0;
	font-size: 90%;
	text-align:left;
	min-height:23px !important;
}


div.altRowdouble
{
    border-bottom:1px solid #007674;
	background-repeat:repeat-x;
	background-position:top left;
	padding: 5px 10px 5px 10px  ;
	margin: 0;
	font-size: 90%;
	text-align:left;
	min-height:38px !important;
}


div.altRowtriple
{
    border-bottom:1px solid #007674;
	background-repeat:repeat-x;
	background-position:top left;
	padding: 5px 10px 5px 10px  ;
	margin: 0;
	font-size: 90%;
	text-align:left;
	min-height:50px !important;
	
}

div.altRowt4lines
{
    border-bottom:1px solid #007674;
	background-repeat:repeat-x;
	background-position:top left;
	padding: 5px 10px 5px 10px  ;
	margin: 0;
	font-size: 90%;
	text-align:left;
	min-height:70px !important;
	
}


*html div.row {  height:23px ; }
*html div.altRow { height:23px ;  }
*html div.longrow {height:112px ; }
*html div.longaltRow {height:112px ; }
*hmtl div.altRowtriple { height:55px !important; }
*html div.altRowdouble { height:38px !important; }

div.longrow
{
    border-bottom:1px solid #007674;
    padding: 5px 10px 5px 10px  ;
	margin: 0;
	font-size: 90%;
	text-align:left;
	min-height:112px !important;
}

div.longaltRow
{
    border-bottom:1px solid #007674;
	background-repeat:repeat-x;
	background-position:top left;
	padding: 5px 10px 5px 10px  ;
	margin: 0;
	font-size: 90%;
	text-align:left;
	min-height:112px !important;
}





div.longrowdouble
{
    border-bottom:1px solid #007674;
	background-repeat:repeat-x;
	background-position:top left;
	padding: 5px 10px 5px 10px  ;
	margin: 0;
	font-size: 90%;
	text-align:left;
	min-height:50px !important;
}




.PlaceHolder2Cols
{
	float: left;
	width: 368px;
}

.PlaceHolder1Cols
{
	float: left;
	width: 736px;
}

.formBuilderClear
{
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0%;
}

#groupe p
{
    padding-bottom:10px;
    color:#007674;
}

/*=========================The Rows=====================*/


.formLabelColumn
{
	padding: 10px 0px 10px 0px ;
	margin: 0;
	font-size: 90%;
	width:100%;	
	float:left;
	}



.formLabelColumn td.label
{ 
	width:150px;
	padding-top:7px;
	float:left;
}
    
.formLabelColumn td.filed
{ 
    margin-top:3px;
    padding-left:15px;
    float:left;    
}   

.formLabelColumn2
{
	padding: 1px 0px 0px 0px ;
	margin: 1px 0px 0px 0px;
	font-size: 85%;
	color: #666666;
	width:100%;	
	background-image: url( '/Forms/Themes/ngdp/images/purple_row.gif' );
	
	border-bottom: 1px solid #b2b2b2;
	float:left;
	height:32px;	
		
}

/*
.formLabelColumn2 td.pointer
{   
    background-image: url( '/Forms/Themes/ngdp/images/arrow_purple.gif' );
    width:30px;      
}*/

.formLabelColumn2 td.label

{ 
	width:150px;
	padding-top:7px;
	float:left;
}
    
.formLabelColumn2 td.filed
{ 
    margin-top:3px;
    padding-left:15px;
    float:left;
}  
    
     
 /*=========================The Rows end here=====================*/   

/*=========================Text Long=====================*/ 
  
 /*=========================blue=====================*/  
.textboxlong
{
	float:left;
	height:1%; 
	width:100%;
	background-image: url( '/Forms/Themes/ngdp/images/text_long_blue.gif' );
	border-bottom: 1px solid #b2b2b2;
	 font-size: 85%;
}
    
.textboxlong td.label

{

     width:100%;
     font-weight:normal !important;
     padding:10px 20px 0px 25px;
     padding-bottom:15px;
    
     
}
    
.textboxlong td.filed

{

   padding-left:25px;
   padding-bottom:30px;
  
   
}
    
/* 
 .textboxlong td.pointer
 {
  
     width:30px;
     height:1%;
 }
 */
 
 /*=========================purple=====================*/   
 
 .textboxlong2
{
	float:left;
	height:1%; 
	width:100%;
	background-image: url( '/Forms/Themes/ngdp/images/text_long_pur.gif' );
	border-bottom: 1px solid #b2b2b2;
}
    
.textboxlong2 td.label
{
	width:100%;
	font-weight:normal !important;
	padding:10px 20px 0px 25px;
	padding-bottom:15px;  
}
    
.textboxlong2 td.filed
{
	padding-left:25px;
	padding-bottom:30px;   
}

/*.textboxlong2 td.pointer
{
	width:30px;
	height:1%;
}*/

/*====================================================================================================
		Accordian
====================================================================================================*/

.GroupAccordian
{
	list-style: none;
	margin: 0 0px 0px 0px;
	padding: 0 0px 0px 0px;
}

.GroupAccordian li
{
	background-image: url( '/Forms/Themes/ngdp/images/groupe_bg.gif') ;
	margin-right:4px;
}

.AccordianHeader
{
	display:block;
	width:5px;
	font-size: 120%;
	font-weight: bold;
	padding-top: 10px;
	background-image: url( '/Forms/Themes/ngdp/images/accordian_arrow_purple.gif' ); 
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 19px;
	color: #0FA8A5;
	margin-left: 25px;
}

/*====================================================================================================
		Form
====================================================================================================*/

div.validation_summary ul
{
	color: #ff0000;
	font-size: 95%;
	font-weight: bold;
	margin: 0px;
	padding: 10px 25px;
}

p
{
	margin: 8px;
}


div.formLabelColumn, .row_white, .row_gray, .single_row_gray
{
	
	color: #666666;
	font-size: 85%;
	height:auto;	
}


.row_white, .row_gray, .single_row_gray
{
    padding:10px 0px 0px 20px;
    font-weight:bold;
    vertical-align:top;
}

div.warnings div.validation_summary
{
	padding: 15px 0 0 20px;
	/*background: url('/Forms/Themes/ngdp/images/validation_row.gif') repeat-x top left;*/
	border-top: 1px solid #ff7d7d;
	color: #ff4141;
	font-size: 110%;
	font-weight: bold;
}

div.warnings
{
    
}

div.validation_summary ul
{
    font-size: 110%;
}

div.input_section_login div.input_label
{
	padding-top: 4px;
}


div.input_section_login label, input
{
	padding-left: 10px;
}

div.forgot_login div.input_label
{
	padding-top: 6px;
}

div.forgot_login_clicker
{
	color: Blue;
	cursor: pointer;
	display: none;
	padding: 5px 0 0 190px;
	text-decoration: underline;
}

div.forgot_login_wrapper input[type="submit"], div.forgot_login_wrapper input[type="button"]
{
	width: auto;
}

span.forgot_login_message
{
	display: block;
	font-weight: bold;
	padding: 0 0 5px 0;
}

div.warnings div.validation_summary ul
{
	color: Red;
	font-size: 100%;
	padding: 6px 25px 10px;
}

div.warnings div.validation_summary ul li
{
	padding: 1px 0;
}

div.input_section_login
{
	/*background: url('/Forms/Themes/ngdp/images/gray_row.gif') repeat-x top left;*/
	border-top: 1px solid #a3a3a3;
	clear: both;
	font-size: 90%;
	margin: 0;
	padding: 10px 0px 10px 0px ;
	width: 100%;
}

div.login_credentials input, div.forgot_login input[type='text']
{
	width: 200px;
}

div.login_credentials label, div.forgot_login label
{
	font-weight: bold;
}

div.login_submit_button
{
	background: none !important;
	border: none !important;
}

div.login_submit_button div
{
	padding-left: 190px;
}

div.forgot_login div.forgot_login_clicker
{
	display: none;
	font-weight: bold;
	font-size: 120%;
}

div.input_label, div.input_label_longtext
{
	float: left;
	padding: 0px 0px 10px 0px;
}

div.user_defined_list
{
	margin-top: 10px;

	
}

div.input_label
{
	/*width: 180px;*/
	
}

div.input_label label
{
    min-width:140px ;
    float:left;
}


*html div.input_label label
{
    margin:0 !important;
    padding:0 !important;
}

*html div.input_field input
{
    
    
}


label
{
    font-weight:normal;
}

div.input_field, div.input_field_longtext
{
	
	padding: 0;
	margin:0;
	
}

div.input_field_longtext
{
	clear: both;
	margin-top: -8px 0px 0px 0px;
	padding-left: 0px 0px 0px 20px;
}
div.user_defined_list
{
    /*background: url('/Forms/Themes/ngdp/images/input_bg_normal.gif') #D7E4E3 top left no-repeat;*/
}

div.user_defined_list tr th
{
	font-size: 85%;
}

div.user_defined_list tr th, div.user_defined_list tbody td
{
	padding: 4px 20px 4px 4px;
	text-align: left;
	vertical-align: top;
}

div.user_defined_list div.input_field
{
  
}

/*====================================================================================================
		Custom
====================================================================================================*/

div.work_details_label
{
	width: 750px;
}

div.dropdown_new_line
{
	clear: both;
	margin-top: -8px;
	padding-left: 0px;
}

div.three_quarter
{
	width: 620px;
}

div.list_dates input[type="text"]
{
	width: 110px;
}

/* Validation */

.validationItem
{
	margin-left:4px;	
}

/*====================================================================================================
		Screening
====================================================================================================*/

div.screening_input_section
{
	background-color: #ECF3D4 !important;

}


div.screening_input_label
{
	margin: 0px 0px 0px 10px;
	padding: 9px 0px 6px 0;
	font-weight:normal !important;
}

div.screening_input_label  label
{
    margin-bottom:0px
}


div.screening_input_field label { font-weight:normal !important; }

div.screening_input_field input[type="radio"] { margin-right:10px; }

label.screening_question_name
{
	display: block;
	color:#000;
	font-weight:bold !important;
}

div.screening_input_field { }

div.screening_input_label label.screening_question
{
	font-weight: normal;
	margin:0 !important; 
	padding:0 !important;
}


span.RequiredField
{
    color:Red;
    font-weight:bold;
}

div.screening_input_section span
{
	clear:both;
	display:block;
	padding-top:10px;

}

.ScreeningNewCommentSection
{
	margin:0;
	padding:0;
}

.ScreeningNewCommentSection
{
   
}


/*====================================================================================================
		Events
====================================================================================================*/

.event_information .date_header
{
	font-weight: bold;
	display: block;
	padding-top: 3px;
}

.event_information .input_label
{
	padding-left: 20px;
}

.event_confirm_invite input[type="button"], .event_confirm_invite input[type="submit"]
{
	background:transparent url(/Forms/Themes/ngdp/images/button_bg.gif) no-repeat scroll left bottom;
}

/*====================================================================================================
		Question
====================================================================================================*/

.question_label 
{
	width:870px;
	padding-left:10px;
	padding-bottom:10px;
}

.question_input
{
	padding-left:20px;
	padding-bottom:10px;
	width:870px;
}

.question_input select
{
	margin-left:-10px;
	width:375px;
}

.question_input div
{
	float:left;
	width:380px;
}

.question_input img
{
	float:left;
	margin-top:2px;
}

.question_label label
{
	margin-left:0px;
	font-weight:bold;
}

.question_comment_label
{
	clear:both;
	padding-left:10px;
	padding-bottom:10px;
}

.question_comment_label label
{
	margin-left:0px;
	font-weight:bold;
}

.question_comment_text
{
	padding-left:10px;
}



/*====================================================================================================
		Available Times
====================================================================================================*/


div.blocks_available_date
{
    float:left !important;
    overflow:hidden;
    background:transparent url(/Forms/Themes/ngdp/images/event_bg.gif) repeat-x  left bottom;
    width:885px;
    padding-left:15px;
}

h4 
{
    float:left !important;
    overflow:hidden;
   
}

div.event_block_option
{
    
    overflow:hidden;
    padding:20px 20px 0px 20px;
}

div.event_block_option input
{
    float:left !important;
    overflow:hidden; 
}

div.event_block_option span
{
    
    float:left !important;
    overflow:hidden;
    padding:0px 0px 8px 0px !important;
    margin:0 !important;

}


a.changedetails { font-size:120%; font-weight:bold; text-decoration:underline;}


.UDFChildFormDelete { background-color: #ecf3d4; padding:0px 5px 0px 5px; border-top:2px solid #dee9b7; margin-bottom:15px; }


.login_remember_me { float:left;   }

.login_remember_me input { float:left; }

.button_login input { float:left;  }

.login_submit_button { float:left ; }

.input_section_login { float:left; }

.noInput input
{
    display:none;
}





/*======event========*/

div.blocks_available_date
{
   
    border:5px solid #fff;
    float:left;
    width:150px;
    margin-top:20px !important;
    margin-right:10px !important;
    margin-left:0px !important;
    padding:0px !important;
    
    
}

div.blocks_available_date h4
{
    font-size:15px !important;
    color:#fff;
    background-color:#000000;
    width:145px;
    padding-left:5px;
    padding-top:5px;
    margin:0px !important;
    height:25px;
    
    
}

div.event_block_option 

{
    width:140px;
    padding:5px;
    background-color:#f6fafd;
    color:#000000;
    border-bottom:1px solid #b2b2b2; 
    font-weight:bold;
   
    
}

div.event_block_option span.date_from_to

{
    float:left;
    padding-left:8px;
    padding-right:10px;
    
}

div.event_block_option input

{
    float:left;
 
}


div.event_block_option

{
    float:left;
 
}


div.event-information

{
    font-weight:bold;

    float:left;
}

div.event-information input

{
    clear:both;
}

div.event_information div.input_label
{
    
    
    background-color:#000000 !important;
    font-size:12px !important;
    color:#fff;
    padding-left:20px !important;
    padding-top:5px !important;
    margin-bottom:5px;
    border-right:2px solid #fff;
    font-weight:bold;
    width:180px;
    float:left;
    border:1px solid #dbdbdb;
    margin-top:10px;

}


div.event_information div.input_field

{
    
    font-weight:bold;
    color:#007674;
    width:200px;
    padding-bottom:20px; 
    padding-top:10px;
    padding-left:5px ;
    overflow:hidden;

}


div.event-information div.event_status 

{
    font-weight:bold;
    color:#000000;
    float:left;
    width:710px;
    height:auto;
    background-color: #e4e4e4;
    padding:10px 10px 10px 20px;
    font-size:12px;
    margin-bottom:10px;
    line-height:20px;
}


div.event-information h5
{
    font-weight:bold !important;
} 


div.EventSummaryLocation, div.EventBookingLocation

{
    padding:20px 30px 20px 0px !important;
    width:100%;
    font-size:15px;
    color:#000000;
    float:left;
    font-weight:bold;
}



div.contact_info
{
 
    font-size:14px !important;
    color:#99CC33 !important ;

  
}

div.contact_info labelb62a79
{  
    color:#006E9B !important ;

}

div.number_info
{
    
    color:#000000;

    
}


p.eventinfo
{
    color:#000000;
    font-weight:bold;
    font-size:11px;
    padding-left:10px;
    background-color:#f0f0f0;
    margin:0 0 15px 0 !important;
    padding-top:10px;
   
}