.error
{
    border:1px solid red;
}


/* Font and general styles - H1,H2,etc.
----------------------------------------------- */

	h2 {
		color: #0590ab;
		margin-top: 0;
		font-weight: normal;
	}

	a { 
		color: #ce5e6b;
	}
	
	a:hover {
		text-decoration: none;
	}

	body {
		color: #797979;
		line-height: 1.3;
		font-size: 12px;
	}
	
	a.nounderline {
		text-decoration: none;
	}
	
	
/* Page structure / layout
----------------------------------------------- */
	
	#wp {
		padding-left: 87px;
		width: 913px;
		background: #ffffff url(/img/sidepic.gif) no-repeat left;	
	}
	
	#hd {
		width: 913px;
		padding-top: 40px;
	}
	
	#bdwp {
		width:913px;
	}
	
	#lhmenu {
		width: 190px;
		float: left;
		padding-top: 36px;
		height: 930px;

	}

	#bdcont {
		width: 680px;
		float: left;
		padding-left: 39px;
		padding-top: 30px;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin-bottom: 10px;

	}
	
	#bdcontfe {
		width: 680px;
		float: left;
		padding-left: 39px;
		padding-top: 30px;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin-bottom: 10px;

	}	
	
	#bdcontfe p {
		
	}		

	#saveornext {
		padding-top: 20px;
		width: 100%;
	}
	
	#savereturn {
		float: left;
		width: 33%;
		padding-top: 20px;
	}
	
	#savereturn a {
		color: #797979;
		text-decoration: underline;
	}
	
	#savereturn a:hover {
		color: #797979;
		text-decoration: none;
	}	
	
	#nextbtn {
		float: right;
		width: 100px;
		text-align: right;
	}
	
	#prevbutton {
		float: left;
		width: 300px;
		
	}	
	

/* Fields / forms
----------------------------------------------- */
	
	
input,select,textarea {
		padding-left: 5px;
		padding-top: 4px;
		padding-bottom: 4px;
		margin-top:5px;
	} 
	
	
	label {
		padding-top: 2px;
		display: block;
	}
	
	
	legend {
		color: #0590ab;
		font-size: 131.5%;

	}

	
	.floatleft {
		float: left;
	}
	
	.floatright {
		float: right;
	}	
	
	.col2 {
		float: left;
		width: 50%;
	}
	
	
	.clearboth {
		clear: both;
	}
	
	.required {
		color: #ce5e6b;
	}
	
	input.inputText {
		border: 1px solid #ccc;
		color: #797979;
		width: 210px;
		margin-right: 10px;
		background-color: #f5f5f5;
		margin-bottom: 20px;
	}
	
	
	input.inputTextsm {
		border: 1px solid #ccc;
		color: #797979;
		width: 165px;
		margin-right: 10px;
		background-color: #f5f5f5;
		margin-bottom: 10px;
	}	
	
	select {
		border: 1px solid #ccc;
		color: #797979;
		margin-right: 10px;
		padding-bottom: 3px;
		padding-top: 3px;
		height: 25px;	
		background-color: #f5f5f5;		
		margin-bottom: 20px;	
	}
	
	textarea {
		border: 1px solid #ccc;
		color: #797979;
		margin-right: 10px;
		background-color: #f5f5f5;
		margin-bottom: 20px;		
	}
	
	input.postcode {
		width:50px;
	}
	
	fieldset {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	input.row2 {
		width: 300px;
	}
	
	input.oname {
		width: 197px;
	}
	
	input.col2 {
		width: 290px;
	}
	
	
/* Step menu styles */

#stepmenu {
	margin: 0;
	padding: 0;
	width: 564px;
	}
	
#stepindicator {
	width: 119px;
	position: absolute;
	left: 879px;
	top: 138px;
}	

#stepmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;	
	}	

#stepmenu ul li {
		float: left;
		position: relative;
		list-style: none;
		padding-right: 10px;		
	}	

#stepmenu ul li a {
		width: 131px;
		height: 40px;
		display: block;
	}
	
#stepmenu ul li a.step1 {
		background-image: url(/img/step1_off.png);
	}
	
#stepmenu ul li a.step1on {
		background-image: url(/img/step1_on.png);
	}
	
#stepmenu ul li a.step1:hover {
		background-image: url(/img/step1_hover.png);
	}

	
#stepmenu ul li a.step1 {
		background-image: url(/img/step1_off.png);
	}
	
#stepmenu ul li a.step2on {
		background-image: url(/img/step2_on.png);
	}
	
#stepmenu ul li a.step2:hover {
		background-image: url(/img/step2_hover.png);
	}

	
#stepmenu ul li a.step2 {
		background-image: url(/img/step2_off.png);
	}
	
#stepmenu ul li a.step2on {
		background-image: url(/img/step2_on.png);
	}
	
#stepmenu ul li a.step3:hover {
		background-image: url(/img/step3_hover.png);
	}

	
#stepmenu ul li a.step3 {
		background-image: url(/img/step3_off.png);
	}
	
#stepmenu ul li a.step3on {
		background-image: url(/img/step3_on.png);
	}
	
#stepmenu ul li a.step3:hover {
		background-image: url(/img/step3_hover.png);
	}

#stepmenu ul li a.step4:hover {
		background-image: url(/img/step4_hover.png);
	}

	
#stepmenu ul li a.step4 {
		background-image: url(/img/step4_off.png);
	}
	
#stepmenu ul li a.step4on {
		background-image: url(/img/step4_on.png);
	}
	
#stepmenu ul li a.step4:hover {
		background-image: url(/img/step4_hover.png);
	}


/* Login-specifc styles */

#login {
		background-image: url(/img/bglogin.gif);
		height: 191px;
		width: 680px;
		font-size: 123.1%;
		margin-top: 20px;
	}
	
	#login label {
		display: block;
		float: left;
		width: 216px;
		text-align: right;
		padding-right: 20px;
		padding-top:9px;
	}
	
	#login input.inputText {
		width: 254px;
		margin-top:9px;
		border: 1px solid #ccc;
		color: #797979;
		
	}
	
	
	
	#login input.loginbutton {
		width: 86px;
		height: 28px;
		margin-top: 5px; 
		float: right;
		margin-right: 190px;
	}
	
	#loginpad {
		height: 28px;
	}

	.termsconditions {
		width: 650px;
		height: 400px;
		color: #797979;
		padding-left: 8px;
	}
	
	.nextbtn {
		float: right;
	}
	
	#idAccept {
		padding: 0;
		margin: 0;
	}

	.radiopad {
		padding-left: 30px;
	}
	
	#idSadd {
		width: 350px;
	}
	
	#idP_97, #idP_98, #idP_99, #idP_100, #idP_1, #idP_2, #idP_3, #idP_266, #idP_267, #idP_268, #idP_269, #idP_270, #idP_249, #idP_250, #idP_219, #idP_220, #idP_197, #idP_198, #idP_199, #idP_200, #idP_167, #idP_169, #idP_169, #idP_269, #idP_170, #idP_171, #idP_172, #idP_173, #idP_174, #idP_175, #idP_176, #idP_177, #idP_178, #idP_179, #idP_180 {
		height: 22px;
		margin: 0;
		padding: 0;
		vertical-align: middle;
	}
	
	.minpadbot {
		margin-bottom: 3px;
	}
	
	#aboutPractice {
		width: 680px;
		height: 128px;
	}
	
	#idProjectName, #idLocation {
		width: 255px;
	}
	
	#idYear {
		width: 100px;
	}
	
	#idDescription {
		width: 680px;
		height: 125px;
	}
	
	#idUrlp0 {
		margin-left: 30px;
	}

	
/* Project preview styles */

	#wpprevprofile {
		width: 680px;
		padding-left: 39px;
	}
	
	#wpprevprofile h1 {
		color: #0590ab;
		font-size: 146.5%;
	}
	
	#wpprevprofile h3 {
		font-size: 138.5%;
	}
	
	#prevprofiledetails {
		width: 400px;
		float: left;
	}
	
	#prevprofileimg {
		width: 240px;
		height: 185px;
		overflow: hidden;
		float: left;
	}

	#prevprofiledetails h2 {
		color: #ce5e6b;
		font-size: 146.5%;
		padding: 0;
		margin-top: 0px;
		margin-bottom: 0;
	}
	
	#prevprofiledetails p {
		font-size: 108%;
	}

	#prevprofileaboutgroup {
		width: 680px;
	}
	
	#prevprofileabout {
		width: 476px;
		float: left;
	}
	
	#prevprofileapluslogo {
		width: 173px;
		padding-top: 15px;
		float: right;
	}
	
	#proprofile_profiletop {
		width: 680px;
		height: 11px;
		z-index: 10;
	}
	
	#proprofile_profile {
		width: 680px;
		background: transparent url(/img/projprof_repeaty.png) repeat-y left;

	}
	
	#proprofile_bot img {

		clear: both;
		width: 680px;
		margin-top: -200px;
		z-index: 2;
	}
	
	#proprofile_cont {
		position: relative;		
		float: left;
		width: 454px;
		padding-left: 20px;
		z-index: 10;
		background: transparent;
	}
	
	#proprofile_cont h2 {
		color: #ce5e6b;
		font-size: 108%;
		margin-bottom: 0;
	}
	
	#proprofile_cont h3 {
		color: #666666;
		font-size: 108%;
		margin-top: 0;
	}	
	
	#proprofile_contrh {
		position: relative;			
		float: left;
		width: 168px;
		padding-left: 17px;
		padding-top: 49px;
		z-index: 20;
	}
    
    .proprofile_contrh_img
    {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 168px;
        height:119px;
        border:none;
    }
    .proprofile_contrh_img *
    {
        vertical-align: middle;
    }
    
	
	input.nopad {
		padding: 0;
		margin: 0;
	}
	
	#prevprofiledetails a {
		color: #3290ab;
		text-decoration: none;
	}
	
	#prevprofiledetails a:hover {
		color: #3290ab;
		text-decoration: underline;
	}	
	
	#regnum {
		padding-left: 20px;
		padding-top: 20px;
		padding-right: 20px;
		font-size: 123.5%;
	}
	
	legend {
		padding-bottom: 8px;
	}
	
	
	
	/* LH Menu */
	
	#lhmenu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#lhmenu ul li {
		list-style: none;
		margin: 0;
		padding: 0;	
		padding-top: 1px;
	}
	
	#ulcommunity {
		background: url(/img/lhmenuleft.png) left no-repeat;
	}
	
	a.community {
		color: #afaeae;
		text-decoration: none;
		padding-left: 12px;
		font-size: 92%;
	}
	
	a.selected {
		color: #729c4f;
		
	}
	
	a.community:hover {
		color: #729c4f;
	}
	
	a.bigcommunity  {
		font-size: 100%;
		color: #729c4f;
		text-decoration: none;
		padding-left: 12px;		
		font-weight:bold;
	}
	
	a.bigcommunity:hover, a.bigarchitect:hover, a.bigmedia:hover {
		text-decoration: underline;
	}
	
	a.bigarchitects {
		font-size: 100%;
		color: #3290ab;
		text-decoration: none;
		font-weight: bold;
		
	
	}
	
	li.lipad {
		padding-top: 5px;
	}
	
	li.libatbot {
		padding-bottom: 5px;
	}
	
	a.bigmedia {
		font-size: 100%;
		color: #e96f21;
		text-decoration: none;
		font-weight: bold;		
	
	}	
	
	
	
/* Footer */

	
	#footer, .push {
		clear: both;
		height: 60px;
		margin-left: 220px;

	}
	
	.featureimage {
		margin-right: 30px;
		width: 180px;
		float: left;
		border:1px dotted #666;
	}
    
	
    
    .imgWrap
    {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 80px;
        height:80px;
        border:1px dotted #666;
    }
    
    .feature
    {
        border:3px solid #D86e78; 
    }
    
    .imgWrap * 
    {
        vertical-align: middle;
    }
	
	#idFeatureImages ul li {
		width:80px;
		height: 86px;
	}
	
	#footer a {
		color: #999;
		text-decoration: none;
		font-size: 92%;
		padding-right: 10px;
		padding-left: 10px;
	}

	
/* Yogesh added styles */
.tc-container 
{
    background: transparent url(/img/tc.png) no-repeat left;
    padding:15px;
    margin:auto;
    width:470px;
    height: 560px;
    
}

#tncModalOverlay
{
    background-color: #000;
    background-image: none;
    opacity: 0.7;
    filter: alpha(opacity = 65);
    position: absolute;
    left: -40px;
    top: -20px;
    width: 680px;
    height: 700px;
    z-index: -1;
}


.ui-widget-content.tc-overlay,
#idTermAndCond
{
    background: none;
    border: none;
    overflow: visible;
    color: #666;
}

.ui-widget.tc-overlay
{
    font-family: inherit;
    font-size: inherit;
    line-height: 1.3em;
}

.ui-widget.tc-overlay .ui-widget-header
{
    background: none;
    border: none;
}

.ui-widget.tc-overlay .ui-dialog-titlebar-close
{
    right: 20px;
}

.ui-widget.tc-overlay .ui-dialog-titlebar-close.ui-state-hover,
.ui-widget.tc-overlay .ui-dialog-titlebar-close.ui-state-focus
{
    background: none;
    border: none;
}

.ui-widget.tc-overlay .ui-dialog-titlebar-close .ui-icon,
.ui-widget.tc-overlay .ui-dialog-titlebar-close.ui-state-hover .ui-icon,
.ui-widget.tc-overlay .ui-dialog-titlebar-close.ui-state-focus .ui-icon
{
    background: url(/img/close.png);
    width: 60px;
    height: 14px;
    float:right;
}


.tc-overlay.ui-dialog .ui-dialog-titlebar-close
{
    padding:0px;
}

#idRegnomain
{
    display:none;
	color: #797979;
}


#idSaveAndReturn
{
    display:none;
}


    .col2m {
        margin-left:20px;
        float: left;
        width: 200px;
    }
    .col2mr {
        float: left;
        width: 80px;
        margin-left:10px;
    }
    

#admin_error_block
{
    border:1px solid red;
    padding:5px;
    margin-bottom:10px;
    margin-top: 10px;
    color:red;
}

input.error
{
    border:1px solid red !important;
    
}

.req_info
{
    float:right;
}

.lbl_inline  /* Some labels requires to be inline */
{
    display:inline;

}

.lbl_left {
	display:block;
	float: left;
	width: 45px;
	padding-top: 10px;
}





#step1-confirm-content, #step1-confirm-data {display:none;}

/* Overlay */
#step1-confirm-overlay {background-color:#000; cursor:wait; width:700px; height: 350px; left: 300px; top: 30px; }
#step2-confirm-overlay {background-color:#000; cursor:wait; width:700px; height: 580px; left: 300px; top: 30px; }
#step4-confirm-overlay {background-color:#000; cursor:wait; width:100%; height: 100%; left:0; top: 0px; }
#step4-gallery-overlay {background-color:#000; cursor:wait; width:100%; height: 100%; left:0; top: 0px; }




/* Container */
#step1-confirm-container {color:#000; height:156px; width:500px; background: transparent url(/img/step1confirm.png) no-repeat left;  }
p.poverlay { margin-left: 60px; margin-right: 60px; margin-top: 8px; }


/* Container */
#step2-confirm-container {color:#000; height:436px; width:500px; background: transparent url(/img/confirmreg.png) no-repeat left; }

#step4-confirm-container {color:#000; height:520px; width:820px; }
#step4-gallery-container {color:#000; height:650px; width:700px; }


.modalClose {
	color: #ffffff;
	margin-left: 420px;
	text-align: right;
	z-index:3200;
	position:absolute;
	top:-40px;
	left: 100px;
	cursor:pointer;
	
}


.modalCloseStep4 {
	color: #ffffff;
	margin-left: 420px;
	text-align: right;
	z-index:3200;
	position:absolute;
	top:-35px;
	right: 40px;
	cursor:pointer;
}

	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preloader img {
		display: block;
		}
	


#idVitMsg
{
    display:none;
    
}
#idVitCancelMsg
{
    display:none;
}
#idArchReg
{
    display:none;
}
.lsmall
{
    font-size: 118%;

    margin-bottom:10px;
}

#idProfileGallery
{
    float:right;
    border:none;
}

#idProfileGallery ul
{
    display: inline;
}
#idProfileGallery li
{
    float:right;
    list-style-type: none;
    padding:3px;
}


#idFeatureImages
{
    border:none;
}

#idFeatureImages ul
{
    display: inline;
}
#idFeatureImages li
{
    float:left;
    list-style-type: none;
    padding:5px;
}

#idPreviewProfile
{
    display:none;
}
#idPracticeLogo
{
    float:right;
}

fieldset.createprofile {
	width: 100%;
}



#idProfileTab
{
}

#idProfileTab ul
{
    display: inline;
}
#idProfileTab li
{
    float:left;
    list-style-type: none;
    padding:5px;
}

#idNonAplusProjGallery
{
    
}

#idNonAplusProjGallery ul
{
    display: inline;
    margin:0; 
}

#idNonAplusProjGallery li
{
    float:left;
    list-style-type: none;
    padding:5px;
}


/* Style for Overlay Window */

.ui-widget-content.modal_overlay
{
    background: none;
    border: none;
    overflow: visible;
    color: #666;
}

.ui-widget.modal_overlay
{
    font-family: inherit;
    font-size: inherit;
    line-height: 1.3em;
}

.ui-widget.modal_overlay .ui-widget-header
{
    background: none;
    border: none;
}

.ui-widget.modal_overlay .ui-dialog-titlebar-close
{
    right: 20px;
}

.ui-widget.modal_overlay .ui-dialog-titlebar-close.ui-state-hover,
.ui-widget.modal_overlay .ui-dialog-titlebar-close.ui-state-focus
{
    background: none;
    border: none;
}

.ui-widget.modal_overlay .ui-dialog-titlebar-close .ui-icon,
.ui-widget.modal_overlay .ui-dialog-titlebar-close.ui-state-hover .ui-icon,
.ui-widget.modal_overlay .ui-dialog-titlebar-close.ui-state-focus .ui-icon
{
    background: url(/img/close.png);
    width: 60px;
    height: 14px;
    float:right;
    margin-bottom: 20px;
    margin-right: 20px;
}


.modal_overlay.ui-dialog .ui-dialog-titlebar-close
{
    padding:0px;
}

.globalContainer
{
    background-color: #000;
    background-image: none;
    opacity: 0.7;
    filter: alpha(opacity = 65);
    position: absolute;
    left: -40px;
    top: -20px;   
    z-index: -1; 
}

/* Overlay Project Profilelery */
#idProfilePhotoGallery
{
    width: 750px;
    background-color: #757575;
    display:none;
    float:left;
}

#pgal_container 
{
    width: 800px;
    height:680px;
}

#pgal_content
{
    background-color: inherit;
    width:694px;

}

#gal_img
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 694px;
    height:504px;
    border:none;
}
#gal_img *
{
    vertical-align: middle;
}


#idImgSrc {
    border : 1px solid white;
}

/* overlay for Practice Awards */
#idPracAwards
{
    width: 430px;
    background-color: #fff;
    display:none;
    float:left;
}

#pracawards_container 
{
    width: 545px;
    height:560px;
}

#pracawards_content
{
    background-color: inherit;
    width:400px;
    padding:10px;

}
#idPracAwards .title
{
    font-weight: bold;
    margin-bottom: 10px;
}