/* DEFAULTS
----------------------------------------------------------*/

body   
{
     background-color: #dfe3c6;
      background-image:url('/img/bg.jpg');
        -webkit-background-size: cover;
        -moz-background-size: 100% 100%;
        -o-background-size: cover;
        background-size: cover;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

#front
{
	     background-color: #dfe3c6;

        -webkit-background-size: cover;
        -moz-background-size: 100% 100%;
        -o-background-size: cover;
        background-size: cover;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

#professions
{
	
        background-color: #dfe3c6;
      background-image:url('/img/bg.jpg');
        -webkit-background-size: cover;
        -moz-background-size: 100% 100%;
        -o-background-size: cover;
        background-size: cover;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #034af3;
}

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

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;

}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


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

.page
{
    width: 100%;
    height: 100%;
  
 
}
.document
{
	
 
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
     background-image:url('/img/top_b.jpg');
    background-repeat:repeat-x;
    width: 100%;
}
.footer {
    position: fixed;
	    margin: 0px;
    padding: 0px;
     background-image:url('/img/top_b.jpg');
    background-repeat:repeat-x;
    bottom: 0;
	height:28px;
    width: 100%;
	cursor:pointer;
}
a.fillthediv{display:block;height:100%;width:100%;text-decoration: none;}
.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}
.footer_text
{
	font-weight:normal;color:white;letter-spacing:1pt;word-spacing:1pt;font-size:13px;text-align:center;font-family: 'DroidSans',Arial;line-height:1;
	margin-top:4px;
}

p.footer_text a:link { color: orange; }

.main
{
     margin:-3px 0px 0px 0px;
    padding: 0px;
	 
 
  
}

.main_div
{

	position:relative ;
	width:968px;
	height:1000px;
	padding:0px !important;
	
	    margin:0 auto;
		border-left: 2px solid #ecc08e;
		border-right: 2px solid #ecc08e;
		border-bottom: 2px solid #ecc08e;
}

.main_div_front {
    position: relative;
    width: 968px;
    height: 822px;
    padding: 0px !important;
    margin: 0 auto;
    border-left: 2px solid #ecc08e;
    border-right: 2px solid #ecc08e;
    border-bottom: 2px solid #ecc08e;
    /*overflow: hidden;
    display: inline-block;*/
}

.main_div_purchase {
    position: relative;
    width: 968px;
    height: 1300px;
    padding: 0px !important;
    margin: 0 auto;
    border-left: 2px solid #ecc08e;
    border-right: 2px solid #ecc08e;
    border-bottom: 2px solid #ecc08e;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


.front-header {
    font-size: 20px;
    font-family: "Arial Black";
    font-weight:bold;
}
.stroke {
    font-size: 40px;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #0066ff;
    -webkit-text-fill-color: #ffffff;
    font-family: Impact, Charcoal, sans-serif;
}

.text-shadow {
    font-size: 40px;
    font-family: "Arial Black";
    color: #3b9feb;
    text-shadow: #030303 -2px 1px 3px;
}


/* estimator app   */
.summary_border {
    background-color: white;
    height: 700px;
    width: 650px;
    border-left: 2px solid;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-top: 2px solid;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 10px 10px 5px #888888;
    padding-left: 20px;
    padding-top: 20px;
    margin: 0 auto;
    overflow-y: scroll;
}

.projects_div
{
	overflow-y: auto;
	width:790px;
	height:540px;
}
.estimates_div
{
	overflow-y: auto;
	width:806px;
	height:390px;
}
#MainContent_txtItemDescription
{
	border:1px #dbdbdb solid;
}
#MainContent_txtItemDescription:focus
{
	  border:2px #faa44d solid;
}


#MainContent_ddListA
{
	border:1px #dbdbdb solid;
}
#MainContent_ddListA:focus
{
	  border:2px #faa44d solid;
}


#MainContent_txtItemQuantity
{
	border:1px #dbdbdb solid;
}
#MainContent_txtItemQuantity:focus
{
	  border:2px #faa44d solid;
}

#MainContent_txtItemUnit
{
	border:1px #dbdbdb solid;
}
#MainContent_txtItemUnit:focus
{
	  border:2px #faa44d solid;
}
#MainContent_txtItemRate
{
	border:1px #dbdbdb solid;
}
#MainContent_txtItemRate:focus
{
	  border:2px #faa44d solid;
}

#MainContent_ddListB
{
	border:1px #dbdbdb solid;
}
#MainContent_ddListB:focus
{
	  border:2px #faa44d solid;
}

#MainContent_ddListC
{
	border:1px #dbdbdb solid;
}
#MainContent_ddListC:focus
{
	  border:2px #faa44d solid;
}

#MainContent_txtQuantity
{
	border:1px #dbdbdb solid;
}
#MainContent_txtQuantity:focus
{
	  border:2px #faa44d solid;
}


.view_project {
    border: none;
    width: 40px;
    height: 42px;
    /*background: url(/img/view_project.png) 0 0 no-repeat;*/
    background-size: 40px 42px;
    cursor: pointer;
}
    .view_project:hover {
        border: none;
        width: 40px;
        height: 42px;
        /*background: url(/img/view_project_hover.png) 0 0 no-repeat;*/
        background-size: 40px 42px;
        cursor: pointer;
    }




.delete_project
{
	border: none;
	width:40px;
	height:40px;
	/*background:url(/img/delete_project.png) 0 0 no-repeat;*/
	cursor:pointer;
}
.delete_project:hover
{
	border: none;
	width:40px;
	height:40px;
	/*background:url(/img/project_delete_hover.png) 0 0 no-repeat;*/
	cursor:pointer;
}

.delete_project_small_m {
    padding-left: 20px;
    border: none;
    width: 20px;
    height: 20px;
    background: url(/img/delete_project.png) 0 0 no-repeat;
    background-size: 20px 20px;
    cursor: pointer;
}

    .delete_project_small_m:hover {
        padding-left: 20px;
        border: none;
        width: 20px;
        height: 20px;
        background: url(/img/project_delete_hover.png) 0 0 no-repeat;
        background-size: 20px 20px;
        cursor: pointer;
    }
.delete_project_small
{
	border: none;
	width:20px;
	height:20px;
	background:url(/img/delete_project.png) 0 0 no-repeat;
    background-size: 20px 20px;
	cursor:pointer;
}
.delete_project_small:hover
{
	border: none;
	width:20px;
	height:20px;
	background:url(/img/project_delete_hover.png) 0 0 no-repeat;
    background-size: 20px 20px;
	cursor:pointer;
}

.edit_project {
    border: none;
    width: 40px;
    height: 40px;
    /*background: url(/img/edit_project.png) 0 0 no-repeat;*/
    background-size: 40px 42px;
    cursor: pointer;
}
    .edit_project:hover {
        border: none;
        width: 40px;
        height: 40px;
        /*background: url(/img/edit_project_hover.png) 0 0 no-repeat;*/
        background-size: 40px 42px;
        cursor: pointer;
    }


.edit_Item {
    border: none;
    width: 40px;
    height: 40px;
    background: url(/img/edit_project.png) 0 0 no-repeat;
    background-size: 40px 40px;
    cursor: pointer;
}
    .edit_Item:hover {
        border: none;
        width: 40px;
        height: 40px;
        background: url(/img/edit_project_hover.png) 0 0 no-repeat;
        background-size: 40px 40px;
        cursor: pointer;
    }

.edit_Item_s {
    border: none;
    width: 20px;
    height: 20px;
    background: url(/img/edit_project.png) 0 0 no-repeat;
    background-size: 20px 20px;
    cursor: pointer;
}

    .edit_Item_s:hover {
        border: none;
        width: 20px;
        height: 20px;
        background: url(/img/edit_project_hover.png) 0 0 no-repeat;
        background-size: 20px 20px;
        cursor: pointer;
    }

.edit_Works
{
	border: none;
	width:30px;
	height:30px;
	background:url(/img/edit_works.png) 0 0 no-repeat;
	cursor:pointer;
}
.edit_Works:hover
{
	border: none;
	width:30px;
	height:30px;
	background:url(/img/edit_works_hover.png) 0 0 no-repeat;
	cursor:pointer;
}

.edit_Works_s {
    border: none;
    width: 20px;
    height: 20px;
    background: url(/img/edit_works_s.png) 0 0 no-repeat;
    cursor: pointer;
}

    .edit_Works_s:hover {
        border: none;
        width: 20px;
        height: 20px;
        background: url(/img/edit_works_hover_s.png) 0 0 no-repeat;
        cursor: pointer;
    }


.delete_works
{
	border: none;
	width:30px;
	height:30px;
	background:url(/img/delete_works2.png) 0 0 no-repeat;
	cursor:pointer;
}
.delete_works:hover
{
	border: none;
	width:30px;
	height:30px;
	background:url(/img/works_delete_hover.png) 0 0 no-repeat;
	cursor:pointer;
}

.delete_works_s {
    border: none;
    width: 20px;
    height: 20px;
    background: url(/img/delete_works2_s.png) 0 0 no-repeat;
    cursor: pointer;
}

    .delete_works_s:hover {
        border: none;
        width: 20px;
        height: 20px;
        background: url(/img/works_delete_hover_s.png) 0 0 no-repeat;
        cursor: pointer;
    }

.delete_item {
    border: none;
    width: 20px;
    height: 20px;
    background: url(/img/delete_item.png) 0 0 no-repeat;
    background-size: 20px 20px;
    cursor: pointer;
}
    .delete_item:hover {
        border: none;
        width: 20px;
        height: 20px;
        background: url(/img/delete_item_hover.png) 0 0 no-repeat;
        background-size: 20px 20px; 
        cursor: pointer;
    }


.copy_Item {
    border: none;
    width: 20px;
    height: 20px;
    background: url(/img/copy_assembly.png ) 0 0 no-repeat;
    background-size: 20px 20px;
    cursor: pointer;
}
    .copy_Item:hover {
        border: none;
        width: 20px;
        height: 20px;
        background: url(/img/copy_assembly_hover.png) 0 0 no-repeat;
        background-size: 20px 20px;
        cursor: pointer;
    }
.delete_project_item {
    border: none;
    width: 17px;
    height: 20px;
    background: url(/img/delete_project.png ) 0 0 no-repeat;
    background-size: 17px 20px;
    cursor: pointer;
}

    .delete_project_item:hover {
        border: none;
        width: 17px;
        height: 20px;
        background: url(/img/project_delete_hover.png) 0 0 no-repeat;
        background-size: 17px 20px;
        cursor: pointer;
    }
.view_template {
    border: none;
    width: 17px;
    height: 20px;
    background: url(/img/view_template.png ) 0 0 no-repeat;
    background-size: 17px 20px;
    cursor: pointer;
}
    .view_template:hover {
        border: none;
        width: 17px;
        height: 20px;
        background: url(/img/view_template_hover.png) 0 0 no-repeat;
        background-size: 17px 20px;
        cursor: pointer;
    }

.view_add_small {
    border: none;
    width: 15px;
    height: 20px;
    background: url(/img/expand_blue.png  ) 0 0 no-repeat;
    background-size: 15px 20px;
    cursor: pointer;
}

    .view_add_small:hover {
        border: none;
        width: 15px;
        height: 20px;
        background: url(/img/expand_blue_hover.png ) 0 0 no-repeat;
        background-size: 15px 20px;
        cursor: pointer;
    }


.view_template_small{
    border: none;
   
    width: 15px;
    height: 20px;
    background: url(/img/view_template.png ) 0 0 no-repeat;
    background-size: 15px 20px;
    cursor: pointer;
}

    .view_template_small:hover {
      
        border: none;
        width: 15px;
        height: 20px;
        background: url(/img/view_template_hover.png) 0 0 no-repeat;
        background-size: 15px 20px;
        cursor: pointer;
    }

.view_template_small_m {
    padding-left: 20px;
    border: none;
    padding-right: 3px;
    width: 15px;
    height: 20px;
    background: url(/img/view_template.png ) 0 0 no-repeat;
    background-size: 15px 20px;
    cursor: pointer;
}
    .view_template_small_m:hover {
        padding-left: 20px;
        border: none;
        width: 15px;
        height: 20px;
        background: url(/img/view_template_hover.png) 0 0 no-repeat;
        background-size: 15px 20px;
        cursor: pointer;
    }

.view_source_small
{
	border: none;
	width:50px;
	height:24px;
	background:url(/img/view_source.png ) 0 0 no-repeat;
    background-size: 50px 20px;
	cursor:pointer;
}
.view_source_small:hover
{
	border: none;
	width:50px;
	height:24px;
	background:url(/img/source_hover.png) 0 0 no-repeat;
    background-size: 50px 20px;
	cursor:pointer;
}


.view_project_small
{
	border: none;
	width:15px;
	height:20px;
	background:url(/img/view_project.png) 0 0 no-repeat;
     background-size: 15px 20px;
	cursor:pointer;
}
.view_project_small:hover
{
	border: none;
	width:15px;
	height:20px;
	background:url(/img/view_project_hover.png) 0 0 no-repeat;
     background-size: 15px 20px;
	cursor:pointer;
}

.link_small
{
	border: none;
	width:15px;
	height:20px;
	background:url(/img/link.png) 0 0 no-repeat;
     background-size: 15px 20px;
	cursor:pointer;
}
.link_small:hover
{
	border: none;
	width:15px;
	height:20px;
	background:url(/img/link_hover.png) 0 0 no-repeat;
     background-size: 15px 20px;
	cursor:pointer;
}


.arrow_up
{
	border: none;
	width:20px;
	height:20px;
	background:url(/img/arrowup.png) 0 0 no-repeat;
	cursor:pointer;
}
.arrow_down
{
	border: none;
	width:20px;
	height:20px;
	background:url(/img/arrowdown.png) 0 0 no-repeat;
	cursor:pointer;
}
.arrow_upL {
    border: none;
    width: 30px;
    height: 30px;
    background: url(/img/arrowup.png) 0 0 no-repeat;
    cursor: pointer;
}

.arrow_downL {
    border: none;
    width: 30px;
    height: 30px;
    background: url(/img/arrowdown.png) 0 0 no-repeat;
    cursor: pointer;
}

.arrow_up:hover {
    border: none;
    width: 20px;
    height: 20px;
    background: url(/img/arrowup_hover.png) 0 0 no-repeat;
    cursor: pointer;
}

.arrow_down:hover {
    border: none;
    width: 20px;
    height: 20px;
    background: url(/img/arrowdown_hover.png) 0 0 no-repeat;
    cursor: pointer;
}


.summary_border_elemental
{

	background-color:white;
	height:1220px;
	width:699px;
	border-left:2px solid;
	border-right:2px solid;
	border-bottom:2px solid;
	border-top:2px solid;
	
	-moz-border-radius:15px;
	border-radius: 15px;
	box-shadow: 10px 10px 5px #888888;
	 padding-left:15px;
	 padding-top:20px;
    margin: 0 auto;

}

.summary_header
{
width:700px;
height:100px;
	border-bottom:2px solid;
	margin-left:-20px;
	padding-left:30px;
	font-weight:bold;color:black;letter-spacing:1pt;word-spacing:1pt;font-size:14px;text-align:left;font-family: 'DroidSans',Arial;line-height:1;
	
}

BIDialogDiv
{
	height:150px;
	width:500px;
}
BI_Tab
{
	margin-right: 337px;
	margin-left:-20px;
	border:1px solid black;
}

.app_border
{

	background-color:#dfe3c6;
	height:750px;
	width:1125px;
	border-left:2px solid;
	border-right:2px solid;
	border-bottom:2px solid;
	
	-moz-border-radius:15px;
	border-radius: 15px;
	box-shadow: 10px 10px 5px #888888;
	 
    margin: 0 auto;
}





.app_lcolumn
{
	float:left;
	width:285px;
	height:712px;
	border-right:2px solid;
	overflow-y:scroll;
	background-color:White;
		-moz-border-radius-bottomleft: 15px 15px;
-webkit-border-bottom-left-radius: 15px 15px; 
border-bottom-left-radius:15px;
}
.app_rcolumn
{
	float:left;
	width:807px;
	height:712px;
	margin-left:0px;
	margin-top:0px;
	
	background-color:White;
	padding-left:30px;

	/*	-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;*/


		-moz-border-radius-bottomright: 15px 15px;
-webkit-border-bottom-right-radius: 15px 15px; 
border-bottom-right-radius:15px;
}







.view_body
{
		width:807px;
	height:705px;
overflow-y:scroll;
/*margin-left:170px;
padding-left:30px;*/

}


.summary
{
	
	width:270px;
	height:25px;
	font-weight:normal;color:white;letter-spacing:1pt;word-spacing:1pt;font-size:16px;text-align:left;font-family: 'DroidSans',Arial;line-height:1;
	text-align:center;
	border:1px solid #7f7f7f;

	padding-top:10px;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #7F7F7F),
	color-stop(1, #FFFFFF),
	color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(bottom, #7F7F7F 0%, #FFFFFF 100%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #7F7F7F 0%, #FFFFFF 100%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #7F7F7F 0%, #FFFFFF 100%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #7F7F7F 0%, #FFFFFF 100%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #7F7F7F 0%, #FFFFFF 100%, #FFFFFF 100%);
	-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;
moz-border-radius-topright: 15px 15px;
-webkit-border-top-right-radius: 15px 15px; 
border-top-right-radius:15px;

margin-left:-1px;
box-shadow: 10px 10px 5px #888888;
text-shadow: 2px 2px 2px black;
}


img[src*="OpType=ReportImage&ResourceStreamID=Blank.gif"]
{
    display: none;
} 

.summary a
{
	
display:block;
    width: 100%;
    height: 100%;
  

    text-decoration: none; /* No underlines on the link */
    	font-weight:normal;color:white;letter-spacing:1pt;word-spacing:1pt;font-size:16px;text-align:left;font-family: 'DroidSans',Arial;line-height:1;
}
.removeFormatting
{
	    text-decoration: none; /* No underlines on the link */
    	font-weight:normal;color:white;letter-spacing:1pt;word-spacing:1pt;font-size:20px;text-align:left;font-family:arial black, sans-serif;line-height:1;
}


.ProjectLabel
{
font-weight:normal;color:#3e9ee5;letter-spacing:1pt;word-spacing:1pt;font-size:20px;text-align:left;font-family: 'DroidSans',Arial;line-height:1;

text-shadow: 2px 2px 2px black;
}

.title_img
{
	  margin: 0px;
    padding: 0px;
	width:968px;
	height:1000px;
	border:none;
}

.title_img_front {
    margin: 0px;
    padding: 0px;
    width: 968px;
    height: 820px;
    border: none;
}

.sectionTitle
{
font-weight:normal;color:#ffffff;letter-spacing:1pt;word-spacing:1pt;font-size:16px;text-align:left;font-family: 'DroidSans',Arial;line-height:1;
margin-top:12px;

padding-left:15px;
text-shadow: 2px 2px 2px black;
	width: 723px;
}

.app_rcolumn_header
{
width:838px;
height:35px;
border:1px solid black;
/*margin-left:-42px;*/
margin-top:-37px;
margin-left:-30px;

-moz-border-radius-topright: 15px 15px;
-webkit-border-top-right-radius: 15px 15px; 
border-top-right-radius:15px;
-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;
/*border-left:2px solid white;*/

background: #23538a; /* Old browsers */
background: -moz-linear-gradient(top,  #23538a 0%, #a7cfdf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23538a), color-stop(100%,#a7cfdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #23538a 0%,#a7cfdf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23538a', endColorstr='#a7cfdf',GradientType=0 ); /* IE6-9 */

}





#dvLoading
{
   background:#000 url(/img/ajax-loader.gif) no-repeat center center;
   height: 100px;
   width: 100px;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   margin: -25px 0 0 -25px;
}

.register_border
{

	background-color:#dfe3c6;
	
	width:457px;
	-moz-border-radius:15px;
	border-radius: 15px;
	box-shadow: 10px 10px 5px #888888;
	

    margin:0px auto;
	border-left-style: solid;
	border-left-color: inherit;
	border-left-width: 2px;
	border-right-style: solid;
	border-right-color: inherit;
	border-right-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: inherit;
	border-bottom-width: 2px;
}



.Login_border {
    background-color: #dfe3c6;
    /*height:470px;*/
    width: 437px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 10px 10px 5px #888888;
    margin: 0px auto;
    border-left-style: solid;
    border-left-color: inherit;
    border-left-width: 2px;
    border-right-style: solid;
    border-right-color: inherit;
    border-right-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    border-bottom-width: 2px;
    overflow: hidden;
    /*display: inline-block;*/
}
.MenuStyle
{
	z-index :99999;
	border-right:2px solid;
	border-bottom:2px solid;

}
.SubMenuStyle
{
    z-index :1;
		border-left:2px solid;
	border-right:2px solid;
	border-bottom:2px solid;

	
	border-bottom-left-radius : 10px;
	border-bottom-right-radius :10px;
		box-shadow: 5px 5px 5px #888888;

}
.MenuStyle3{
        z-index :1;
		border-top:2px solid;
	border-right:2px solid;
	border-bottom:2px solid;

	

		box-shadow: 5px 5px 5px #888888;

}

.Front_border
{

	background-color:#dfe3c6;
	height:750px;
	width:835px;
	border-left:2px solid;
	border-right:2px solid;
	border-bottom:2px solid;

	-moz-border-radius:15px;
	border-radius: 15px;
	box-shadow: 10px 10px 5px #888888;
	

    margin:0px auto;

}

.Front_div_architect
{
	  width:1000px;
	height:667px;
		   background: url(/img/architects_details_costcontrol.jpg) repeat;
		    margin:0px auto;
border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}

.Front_div_architect_v
{
	  width:1000px;
	height:667px;
		   background: url(/img/architects_details_vision.jpg) repeat;
		    margin:0px auto;
border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}
.Front_div_developers
{
	  width:1000px;
	height:667px;
		   background: url(/img/developers-details.jpg) repeat;
		    margin:0px auto;
border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}

.Front_div_managers
{
	  width:1000px;
	height:667px;
		   background: url(/img/managers_details.jpg) repeat;
		    margin:0px auto;
border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}

.Front_div_contractors
{
	  width:1000px;
	height:667px;
		   background: url(/img/contractors_details.jpg) repeat;
		    margin:0px auto;
border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}
.Front_div_subtrades
{
	  width:1000px;
	height:667px;
		   background: url(/img/sub-trades_details.jpg) repeat;
		    margin:0px auto;
border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}
.Front_div_homeowners
{
	  width:1000px;
	height:667px;
		   background: url(/img/home-owners_details.jpg) repeat;
		    margin:0px auto;
border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}
.Front_div_equipment
{
	  width:1000px;
	height:667px;
		   background: url(/img/equipment_details.jpg) repeat;
		    margin:0px auto;
border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}
.Front_div_pricing
{
	  width:1000px;
	height:667px;
		   background: url(/img/pricing.jpg) repeat;
		    margin:0px auto;
border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}
.FrontLink
{
	cursor:pointer ;
}
.FrontHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #3ba0eb;
}
.front-headerli {
    font-family: Arial, Arial, Helvetica, sans-serif, sans-serif;
    font-size: 19px;
    font-weight:600;
    color: #696969;
    line-height:1.4;
}
.FrontText {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 16px;
		font-weight: bold;
	color: #3ba0eb;
}
.moreFloat_Architect
{
		position:absolute ;
	left:780px;
	top:590px;
}


.moreFloat_Developers
{
		position:absolute ;
	left:750px;
	top:597px;
}

.moreFloat_Managers
{
		position:absolute ;
	left:800px;
	top:577px;
}

.moreFloat_Contractors
{
		position:absolute ;
	left:820px;
	top:230px;
}
.moreFloat_Equipment
{
		position:absolute ;
	left:820px;
	top:280px;
}
.moreFloat_subtrades
{
		position:absolute ;
	left:750px;
	top:467px;
}
.moreFloat_homeowners
{
		position:absolute ;
	left:735px;
	top:607px;
}
.more_text
{
	font-weight:bold;color:#000000;letter-spacing:1pt;word-spacing:2pt;font-size:14px;text-align:left;font-family:arial black, sans-serif;line-height:1 !important;
	
}
.nonTrans
{
	position:relative  ;
	  margin:0px auto;
	  	width:965px;
		  height:660px;
		
}
.Front_rcolumn
{
	float:left;
	width:965px;
	height:660px;
	margin-left:0px;
margin-top:0px;
	


	padding-left:30px;
	border:5px solid #0a7db0;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;

	/*	-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;*/



}

.Front_rcolumn_header
{
width:838px;
height:35px;
border:1px solid black;
/*margin-left:-42px;*/
margin-top:0px;
margin-left:-31px;

-moz-border-radius-topright: 15px 15px;
-webkit-border-top-right-radius: 15px 15px; 
border-top-right-radius:15px;
-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;
/*border-left:2px solid white;*/

background: #23538a; /* Old browsers */
background: -moz-linear-gradient(top,  #23538a 0%, #a7cfdf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23538a), color-stop(100%,#a7cfdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #23538a 0%,#a7cfdf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23538a', endColorstr='#a7cfdf',GradientType=0 ); /* IE6-9 */

}

.Purchase_center
{
	 margin:0px auto;
	width: 309px;
}

.Purchase_header
{
width:808px;
height:35px;
border:1px solid black;
/*margin-left:-42px;*/
margin-top:0px;
margin-left:-31px;

-moz-border-radius-topright: 15px 15px;
-webkit-border-top-right-radius: 15px 15px; 
border-top-right-radius:15px;
-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;
/*border-left:2px solid white;*/

background: #23538a; /* Old browsers */
background: -moz-linear-gradient(top,  #23538a 0%, #a7cfdf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23538a), color-stop(100%,#a7cfdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #23538a 0%,#a7cfdf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23538a', endColorstr='#a7cfdf',GradientType=0 ); /* IE6-9 */

}
.Purchase_header_register {
    width: 797px;
    height: 35px;
    border: 1px solid black;
    /*margin-left:-42px;*/
    margin-top: 0px;
    margin-left: -31px;
    -moz-border-radius-topright: 15px 15px;
    -webkit-border-top-right-radius: 15px 15px;
    border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px 15px;
    -webkit-border-top-left-radius: 15px 15px;
    border-top-left-radius: 15px;
    /*border-left:2px solid white;*/
    background: #23538a; /* Old browsers */
    background: -moz-linear-gradient(top, #23538a 0%, #a7cfdf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23538a), color-stop(100%,#a7cfdf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #23538a 0%,#a7cfdf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #23538a 0%,#a7cfdf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #23538a 0%,#a7cfdf 100%); /* IE10+ */
    background: linear-gradient(to bottom, #23538a 0%,#a7cfdf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23538a', endColorstr='#a7cfdf',GradientType=0 ); /* IE6-9 */
}

.register_rcolumn
{
	
	width:424px;

	margin-left:0px;
margin-top:0px;
	
	background-color:White;
	padding-left:30px;

	/*	-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;*/


		-moz-border-radius-bottomright: 15px 15px;
-webkit-border-bottom-right-radius: 15px 15px; 
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-top-left-radius:15px;
}


.Login_rcolumn {
    float: left;
    width: 407px;
    /*height:470px;*/
    margin-left: 0px;
    margin-top: 0px;
    background-color: White;
    padding-left: 30px;
    /*	-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;*/
    -moz-border-radius-bottomright: 15px 15px;
    -webkit-border-bottom-right-radius: 15px 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    overflow: hidden;
    display: inline-block;
}

.Login_rcolumn_header
{
width:437px;
height:35px;
border:1px solid black;
/*margin-left:-42px;*/
margin-top:0px;
margin-left:-31px;

-moz-border-radius-topright: 15px 15px;
-webkit-border-top-right-radius: 15px 15px; 
border-top-right-radius:15px;
-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;
/*border-left:2px solid white;*/

background: #23538a; /* Old browsers */
background: -moz-linear-gradient(top,  #23538a 0%, #a7cfdf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23538a), color-stop(100%,#a7cfdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #23538a 0%,#a7cfdf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23538a', endColorstr='#a7cfdf',GradientType=0 ); /* IE6-9 */

}


.addfloor
{
width:500px; border: 1px solid black; padding: 10px;
margin: 0px auto;
	-moz-border-radius:8px;
	border-radius: 8px;
	box-shadow: 5px 5px 5px #dfe3c6;
	text-align:left;
}

.DCheader
{
	height:25px;
	width:515px;
	background-color:#dfe3c6;
	margin-top:-10px;
	margin-left:-10px;
	border-bottom:1px solid;
	padding-left:5px;
	padding-top :5px;
	border-top-left-radius : 8px;
	border-top-right-radius : 8px;
}


.addfloors
{
width:440px; border: 1px solid black; padding:20px;
margin: 0px auto;
	-moz-border-radius:8px;
	border-radius: 8px;
	box-shadow: 5px 5px 5px #dfe3c6;
}

.DCheader2
{
	height:25px;
	width:475px;
	background-color:#dfe3c6;
	margin-top:-20px;
	margin-left:-20px;
	border-bottom:1px solid;
	padding-left:5px;
	padding-top :5px;
	border-top-left-radius : 8px;
	border-top-right-radius : 8px;
}



.purchase_border
{

	background-color:#dfe3c6;
	/*height:914px;*/
	width:803px;
	-moz-border-radius:15px;
	border-radius: 15px;
	box-shadow: 10px 10px 5px #888888;
	

    margin:0px auto;
	border-left-style: solid;
	border-left-color: inherit;
	border-left-width: 2px;
	border-right-style: solid;
	border-right-color: inherit;
	border-right-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: inherit;
	border-bottom-width: 2px;
}

.purchase_border_complete {
    background-color: #dfe3c6;
    height: 414px;
    width: 803px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 10px 10px 5px #888888;
    margin: 0px auto;
    border-left-style: solid;
    border-left-color: inherit;
    border-left-width: 2px;
    border-right-style: solid;
    border-right-color: inherit;
    border-right-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    border-bottom-width: 2px;
}

.purchase_border_register {
    background-color: #dfe3c6;
    /*height: 742px;*/
    width: 794px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 10px 10px 5px #888888;
    margin: 0px auto;
    border-left-style: solid;
    border-left-color: inherit;
    border-left-width: 2px;
    border-right-style: solid;
    border-right-color: inherit;
    border-right-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    border-bottom-width: 2px;
    overflow: hidden;
    display: inline-block;
}

.purchase_border_front {
    background-color: #dfe3c6;
    /*height: 742px;*/
    width: 968px;
    /*-moz-border-radius: 10px;
    border-radius: 10px;*/
    box-shadow: 10px 10px 5px #888888;
    margin: 0px auto;
    border-color: #ecc08e; /*#087ab0;*/
    border-left-style: solid;
    /*border-left-color: inherit;*/
    border-left-width: 2px;
    border-right-style: solid;
    /*border-right-color: inherit;*/
    border-right-width: 2px;
    border-bottom-style: solid;
    /*border-bottom-color: inherit;*/
    border-bottom-width: 2px;
    border-top-style: solid;
    /*border-top-color: inherit;*/
    border-top-width: 2px;
    overflow: hidden;
    margin-top: 30px;
    /*padding-right:30px;*/
}

.subpanel{
    padding-left:20px;
}
.purchase_rcolumn
{
	float:left;
	width:778px;
	/*height:912px;*/
	margin-left:0px;
margin-top:0px;
	
	background-color:White;
	padding-left:30px;

	/*	-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;*/


		-moz-border-radius-bottomright: 15px 15px;
-webkit-border-bottom-right-radius: 15px 15px; 
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-top-left-radius:15px;
}

/*.purchase_rcolumn
{
	float:left;
	width:778px;
	height:912px;
	margin-left:0px;
margin-top:0px;
	
	background-color:White;
	padding-left:30px;

	/*	-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;*/


		-moz-border-radius-bottomright: 15px 15px;
-webkit-border-bottom-right-radius: 15px 15px; 
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-top-left-radius:15px;
}*/

.purchase_rcolumn_complete {
    float: left;
    width: 778px;
    height: 412px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: White;
    padding-left: 30px;
    /*	-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;*/
    -moz-border-radius-bottomright: 15px 15px;
    -webkit-border-bottom-right-radius: 15px 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.purchase_rcolumn_register {
    float: left;
    width: 766px;
    /*height: 742px;*/
    margin-left: 0px;
    margin-top: 0px;
    background-color: White;
    padding-left: 30px;
    /*	-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;*/
    -moz-border-radius-bottomright: 15px 15px;
    -webkit-border-bottom-right-radius: 15px 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    overflow: hidden;
    display: inline-block;
}

.purchase_rcolumn_front {
    float: left;
    width: 968px;
    /*height: 742px;*/
    margin-left: 0px;
    margin-top: 0px;
    background-color: White;
    padding-left: 30px;
    /*	-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;*/
    /*-moz-border-radius-bottomright: 10px 10px;
    -webkit-border-bottom-right-radius: 10px 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;*/
    overflow: hidden;
    display: inline-block;
    padding-top:20px;
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.purchase_rcolumn_header
{
width:838px;
height:35px;
border:1px solid black;
/*margin-left:-42px;*/
margin-top:0px;
margin-left:-31px;

-moz-border-radius-topright: 15px 15px;
-webkit-border-top-right-radius: 15px 15px; 
border-top-right-radius:15px;
-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;
/*border-left:2px solid white;*/

background: #23538a; /* Old browsers */
background: -moz-linear-gradient(top,  #23538a 0%, #a7cfdf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23538a), color-stop(100%,#a7cfdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #23538a 0%,#a7cfdf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23538a', endColorstr='#a7cfdf',GradientType=0 ); /* IE6-9 */

}
/*---------------------------------------*/
.Project_border {
    background-color: #dfe3c6;
    /*height:850px;*/
    width: 835px;
    border-left: 2px solid;
    border-right: 2px solid;
    border-bottom: 2px solid;

    overflow: hidden;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 10px 10px 5px #888888;
    margin: 0px auto;
}

.Project_rcolumn {
    float: left;
    width: 807px;
    /*height:850px;*/
    margin-left: 0px;
    margin-top: 0px;
    overflow: hidden;
    display: inline-block;
    background-color: White;
    padding-left: 30px;
    /*	-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;*/
    -moz-border-radius-bottomright: 15px 15px;
    -webkit-border-bottom-right-radius: 15px 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.Project_rcolumn_header
{
width:838px;
height:35px;
border:1px solid black;
/*margin-left:-42px;*/
margin-top:0px;
margin-left:-31px;

-moz-border-radius-topright: 15px 15px;
-webkit-border-top-right-radius: 15px 15px; 
border-top-right-radius:15px;
-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;
/*border-left:2px solid white;*/

background: #23538a; /* Old browsers */
background: -moz-linear-gradient(top,  #23538a 0%, #a7cfdf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23538a), color-stop(100%,#a7cfdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #23538a 0%,#a7cfdf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23538a', endColorstr='#a7cfdf',GradientType=0 ); /* IE6-9 */

}


.assemblyapp_border
{

	background-color:#dfe3c6;
	height:453px;
	width:935px;
	-moz-border-radius:15px;
	border-radius: 15px;
	box-shadow: 10px 10px 5px #888888;
	

    margin:0px auto;
    border-left-style: solid;
    border-left-color: inherit;
    border-left-width: 2px;
    border-right-style: solid;
    border-right-color: inherit;
    border-right-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    border-bottom-width: 2px;
}

.assemblyapp_rcolumn
{
	float:left;
	width:907px;
	height:457px;
	margin-left:0px;
margin-top:0px;
	
	background-color:White;
	padding-left:30px;

	/*	-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;*/


		-moz-border-radius-bottomright: 15px 15px;
-webkit-border-bottom-right-radius: 15px 15px; 
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-top-left-radius:15px;
	/*text-align: center;*/
}

.assemblyapp_rcolumn_error {
    float: left;
    width: 907px;
    min-height :257px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: White;
    padding-left: 30px;
    /*	-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;*/
    -moz-border-radius-bottomright: 15px 15px;
    -webkit-border-bottom-right-radius: 15px 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    /*text-align: center;*/
}


.assemblyapp_rcolumn_header
{
width:938px;
height:35px;
border:1px solid black;
/*margin-left:-42px;*/
margin-top:0px;
margin-left:-31px;

-moz-border-radius-topright: 15px 15px;
-webkit-border-top-right-radius: 15px 15px; 
border-top-right-radius:15px;
-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;
/*border-left:2px solid white;*/

background: #23538a; /* Old browsers */
background: -moz-linear-gradient(top,  #23538a 0%, #a7cfdf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23538a), color-stop(100%,#a7cfdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #23538a 0%,#a7cfdf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23538a', endColorstr='#a7cfdf',GradientType=0 ); /* IE6-9 */

}

/*end;*/

.DCollection_border {
    background-color: #dfe3c6;
    height: 750px;
    width: 835px;
    border-left: 2px solid;
    border-right: 2px solid;
    border-bottom: 2px solid;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 10px 10px 5px #888888;
    margin: 0px auto;
 
}

.DCollection_rcolumn {
    float: left;
    width: 807px;
    height: 750px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: White;
    padding-left: 30px;
    /*	-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;*/
    -moz-border-radius-bottomright: 15px 15px;
    -webkit-border-bottom-right-radius: 15px 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
   
}

.DCollection_videos_border {
    background-color: #dfe3c6;
    /*height: 750px;*/
    width: 835px;
    border-left: 2px solid;
    border-right: 2px solid;
    border-bottom: 2px solid;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 10px 10px 5px #888888;
    margin: 0px auto;
    overflow: hidden;
   
}

.DCollection_videos_rcolumn {
    float: left;
    width: 807px;
    /*height: 750px;*/
    margin-left: 0px;
    margin-top: 0px;
    background-color: White;
    padding-left: 30px;
    /*	-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;*/
    -moz-border-radius-bottomright: 15px 15px;
    -webkit-border-bottom-right-radius: 15px 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    overflow: hidden;
    display: inline-block;
}

.UserCP_border {
    background-color: #dfe3c6;
    width: 835px;
    border-left: 2px solid;
    border-right: 2px solid;
    border-bottom: 2px solid;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 10px 10px 5px #888888;
    margin: 0px auto;
    overflow: hidden;
 
}

.UserCP_rcolumn {
    float: left;
    width: 807px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: White;
    padding-left: 30px;
    /*	-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;*/
    -moz-border-radius-bottomright: 15px 15px;
    -webkit-border-bottom-right-radius: 15px 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    overflow: hidden;
    display: inline-block;
}


.AssemblyApp_border
{

	background-color:#dfe3c6;
	/*height:805px;*/
	width:835px;
	border-left:2px solid;
	border-right:2px solid;
	border-bottom:2px solid;

	-moz-border-radius:15px;
	border-radius: 15px;
	box-shadow: 10px 10px 5px #888888;
	
        margin: 0px auto;
        overflow:hidden;
}
.AssemblyApp_border_error {
    background-color: #dfe3c6;
    /*height:405px;*/
    width: 839px;
    border-left: 2px solid;
    border-right: 2px solid;
    border-bottom: 2px solid;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 10px 10px 5px #888888;
    margin: 0px auto;
    overflow :auto ;
}
.AssemblyApp_rcolumn_error
{
	float:left;
	width:807px;
	min-height:405px;
	margin-left:0px;
margin-top:0px;
	
	background-color:White;
	padding-left:30px;

	/*	-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;*/


		-moz-border-radius-bottomright: 15px 15px;
-webkit-border-bottom-right-radius: 15px 15px; 
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-top-left-radius:15px;
	/*text-align: center;*/
}
.AssemblyApp_rcolumn {
    float: left;
    width: 807px;
    /*height: 805px;*/
    margin-left: 0px;
    margin-top: 0px;
    background-color: White;
    padding-left: 30px;
    /*	-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;*/
    -moz-border-radius-bottomright: 15px 15px;
    -webkit-border-bottom-right-radius: 15px 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    display: inline-block;
    /*text-align: center;*/
}

.DCollection_rcolumn_header
{
width:838px;
height:35px;
border:1px solid black;
/*margin-left:-42px;*/
margin-top:0px;
margin-left:-31px;

-moz-border-radius-topright: 15px 15px;
-webkit-border-top-right-radius: 15px 15px; 
border-top-right-radius:15px;
-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;
/*border-left:2px solid white;*/

background: #23538a; /* Old browsers */
background: -moz-linear-gradient(top,  #23538a 0%, #a7cfdf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23538a), color-stop(100%,#a7cfdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #23538a 0%,#a7cfdf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23538a', endColorstr='#a7cfdf',GradientType=0 ); /* IE6-9 */

}




.DCollection_view_body
{
		width:807px;
	height:705px;
overflow-y:scroll;
margin-left:-30px;
padding-left:30px;


}


/*assemby horizontal app*/
.assemblyHapp_border
{

  

}

.assemblyHapp_rcolumn
{
     margin-left: auto;
 
   margin-right: auto ;
	width:712px;
	height:auto;

margin-top:0px;
	background-color:White;
	padding-left:15px;
 
	/*	-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;*/


		-moz-border-radius-bottomright: 15px 15px;
-webkit-border-bottom-right-radius: 15px 15px; 
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-top-left-radius:15px;
    border-left-style: solid;
    border-left-color: inherit;
    border-left-width: 2px;
    border-right-style: solid;
    border-right-color: inherit;
    border-right-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    border-bottom-width: 2px;
}

.assemblyHapp_rcolumn_header
{
width:728px;
height:35px;
border:1px solid black;
/*margin-left:-42px;*/
margin-top:0px;
margin-left:-16px;

-moz-border-radius-topright: 15px 15px;
-webkit-border-top-right-radius: 15px 15px; 
border-top-right-radius:15px;
-moz-border-radius-topleft: 15px 15px;
-webkit-border-top-left-radius: 15px 15px; 
border-top-left-radius:15px;
/*border-left:2px solid white;*/

background: #23538a; /* Old browsers */
background: -moz-linear-gradient(top,  #23538a 0%, #a7cfdf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23538a), color-stop(100%,#a7cfdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #23538a 0%,#a7cfdf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #23538a 0%,#a7cfdf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23538a', endColorstr='#a7cfdf',GradientType=0 ); /* IE6-9 */

}


/*end assembly horizontal app*/

.ModalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}


.popupMore
{
	
	    min-width:530px;
    min-height:250px;
    background-color:white;
    	
	-moz-border-radius:15px;
	border-radius: 15px;
	box-shadow: 5px 5px 5px #000000;
	padding-left:20px;
}

.popupNotice
{
	
	    min-width:330px;
    min-height:250px;
    background-color:white;
    	
	-moz-border-radius:15px;
	border-radius: 15px;
	box-shadow: 5px 5px 5px #000000;
	padding-left:20px;
}


.popup
{
	
	min-width:530px;
    min-height:250px;
    background:#dfe3c6;
	-moz-border-radius:15px;
	border-radius: 15px;
	box-shadow: 5px 5px 5px #000000;
	padding-left:20px;
    padding-bottom:10px;
}

.popupEditLabour {
    min-width: 530px;
    min-height: 200px;
    background: #dfe3c6;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 5px 5px 5px #000000;
    padding-left: 20px;
    padding-bottom: 10px;
}
.popupEditEquipment {
    min-width: 530px;
    min-height: 200px;
    height:220px;
    background: #dfe3c6;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 5px 5px 5px #000000;
    padding-left: 20px;
    padding-bottom: 10px;
}
.popupEditMaterial {
    min-width:530px;
    min-height:350px;
    height: 260px;
    background: #dfe3c6;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 5px 5px 5px #000000;
    padding-left: 20px;
    padding-bottom: 10px;
}
.popupAssembly {
    width: 820px;
    /*height: 740px;*/
    min-width: 820px;
    min-height: 800px;
    background: #dfe3c6;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 5px 5px 5px #000000;
    padding-left: 20px;
    padding-bottom: 10px;
}

.popupAssemblyAddE {
    width: 820px;
    /*height: 720px;*/
    min-width: 820px;
    min-height: 780px;
    background: #dfe3c6;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 5px 5px 5px #000000;
    padding-left: 20px;
    padding-bottom: 10px;
}
.popupAssemblyAddL {
    width: 820px;
    /*height: 720px;*/
    min-width: 820px;
    min-height: 680px;
    background: #dfe3c6;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 5px 5px 5px #000000;
    padding-left: 20px;
    padding-bottom: 10px;
}

.popupAssemblyHistory {
  
    overflow: auto;
    width: 820px;
  
    min-width: 820px;
    background: #dfe3c6;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 5px 5px 5px #000000;
    padding-left: 20px;
    padding-bottom: 10px;
}
.popupHeaderMore
{
	margin-left:-20px;
	margin-top:-1px;
	width:975px;
	height:20px;
	font-weight:normal;color:#ffffff;letter-spacing:1pt;word-spacing:1pt;font-size:14px;text-align:left;font-family:arial black, sans-serif;line-height:1;
	background-color:#0f82b1;
	padding-left:15px;
	padding-top:5px;
	border-bottom:2px solid white;
	
	
	-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px; 
border-top-right-radius:15px;
-moz-border-radius-topleft:15px;
-webkit-border-top-left-radius:15px; 
border-top-left-radius:15px;

}


.popupHeaderNotice
{
	margin-left:-20px;
	margin-top:-1px;
	width:675px;
	height:20px;
	font-weight:normal;color:#ffffff;letter-spacing:1pt;word-spacing:1pt;font-size:14px;text-align:left;font-family:arial black, sans-serif;line-height:1;
	background-color:#0f82b1;
	padding-left:15px;
	padding-top:5px;
	border-bottom:2px solid white;
	
	
	-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px; 
border-top-right-radius:15px;
-moz-border-radius-topleft:15px;
-webkit-border-top-left-radius:15px; 
border-top-left-radius:15px;

}

.popupHeader
{
	margin-left:-20px;
	margin-top:-1px;
	width:780px;
	height:20px;
	font-weight:normal;color:#ffffff;letter-spacing:1pt;word-spacing:1pt;font-size:14px;text-align:left;font-family:arial black, sans-serif;line-height:1;
	background-color:#0f82b1;
	padding-left:15px;
	padding-top:5px;
	border-bottom:2px solid white;
	
	
	-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px; 
border-top-right-radius:15px;
-moz-border-radius-topleft:15px;
-webkit-border-top-left-radius:15px; 
border-top-left-radius:15px;

}

.popupHeaderAssembly {
    margin-left: -20px;
    margin-top: -1px;
    width: 825px;
    height: 20px;
    font-weight: normal;
    color: #ffffff;
    letter-spacing: 1pt;
    word-spacing: 1pt;
    font-size: 14px;
    text-align: left;
    font-family: arial black, sans-serif;
    line-height: 1;
    background-color: #0f82b1;
    padding-left: 15px;
    padding-top: 5px;
    border-bottom: 2px solid white;
    -moz-border-radius-topright: 15px;
    -webkit-border-top-right-radius: 15px;
    border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -webkit-border-top-left-radius: 15px;
    border-top-left-radius: 15px;
}

.GridFooter
{
	
		border-bottom:1px solid black;

}
.Totals
{
		
			width:784px;	
			height:20px;
				border-top:1px solid black;
				border-bottom:1px solid black;
				border-left:1px solid black;
				border-right:1px solid black;
				font-weight:bold;color:black;letter-spacing:1pt;word-spacing:1pt;font-size:12px;text-align:left;font-family: 'DroidSans',Arial;line-height:1;
				margin-top:-2px;
				padding:3px;
		
				/*  background-color:#E0E0E0;*/
				  	/*background-color:#7f7f7f;*/
background: #f6f8f9; /* Old browsers */
background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
			/*	margin-left:-20px;*/
		
	/*-moz-border-radius-topleft: 10px 10px;
-webkit-border-top-left-radius: 10px 10px; 
border-top-left-radius:10px;
moz-border-radius-topright: 10px 10px;
-webkit-border-top-right-radius: 10px 10px; 
border-top-right-radius:10px;*/

}
#Totals:hover
{
	
	 	width:784px;	
			height:20px;
				border-top:1px solid black;
				border-bottom:1px solid black;
				border-left:1px solid black;
				border-right:1px solid black;
				font-weight:bold;color:black;letter-spacing:1pt;word-spacing:1pt;font-size:12px;text-align:left;font-family: 'DroidSans',Arial;line-height:1;
				margin-top:-2px;
				padding:3px;
background: #f6e6b4; /* Old browsers */
background: -moz-linear-gradient(top,  #f6e6b4 0%, #ed9017 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#ed9017)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6e6b4 0%,#ed9017 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */


	
	}

.TotalCell
{
	padding:5px;
	text-align:right;
	width: 300px; 
	float: left;

}

.ImageCollapse
{
margin-top:2px;
}
.inPanel
{
  overflow:auto !important;   
  padding-bottom:100px;
}

.collapsePanel 
{
	Width:770px;
    /*height: 0px;
        overflow: hidden;*/

      background-color:white;
   
     /* border:1px solid black;
      border-bottom-left-radius:10px;
        border-bottom-right-radius:10px;
       */ 
      /* margin-left:-10px;*/
       /*margin-top:-10px;*/
       border:1px dashed black;
       padding-left:20px;
       padding-bottom:20px;
    

     
       /*padding:10px;*/
       
        /*padding-bottom:10px;*/
       
    
}

.collapsePanelHeader {
    font-weight: bold;
    /*  float:none;*/
    width: 720px;
    cursor: pointer;
    /*  vertical-align: middle;*/
    /*  margin-left:-10px;*/
    
}


.rootNode {
    font-weight: bold;
    color: #7f7f7f !important;
    word-spacing: 1pt;
    font-size: 12px !important;
    text-align: left;
    font-family: 'DroidSans',Arial;
    line-height: 1;
    border-radius: 5px;
    padding-left: 5px;
    background-color: #e5e5e5 /*#7f7f7f*/;
    width: 235px;
    height: 100px;
}

.parentNode {
    font-weight: normal;
    color: #7f7f7f !important;
    word-spacing: 1pt;
    font-size: 12px !important;
    text-align: left;
    font-family: 'DroidSans',Arial;
    line-height: 1;
    /*  border-radius: 5px;*/
    padding-left: 3px;
    background-color: #f7f6f3;
    width: 210px;
}
.leafNode {
    font-weight: normal;
    color: #7f7f7f !important;
    word-spacing: 1pt;
    font-size: 12px !important;
    text-align: left;
    font-family: 'DroidSans',Arial;
    line-height: 1;
    /* border-radius: 5px;*/
    padding-left: 3px;
    /*background-color:#e5e5e5;*/
}
.selectedNode {
    font-weight: bold;
    color: white !important;
    word-spacing: 1pt;
    font-size: 12px !important;
    text-align: left;
    font-family: 'DroidSans',Arial;
    line-height: 1;
    border-radius: 5px;
    padding-left: 3px;
    background-color: #0f82b1;
}
.hoverNode {
    font-weight: bold;
    color: white !important;
    word-spacing: 1pt;
    font-size: 12px !important;
    text-align: left;
    font-family: 'DroidSans',Arial;
    line-height: 1;
    border-radius: 5px;
    background-color: #faa44d;
}
    
    .linkButton
    {
    	
    	 font-weight:bold;color:white!important;word-spacing:1pt;font-size:18px;text-align:left;font-family:arial black, sans-serif;line-height:1;
    	 padding-left:65px;
    	 padding-top:5px;
		width:300px;
		height:50px;
		background-color:#faa44d;
			-moz-border-radius:10px;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #000000;
	text-shadow:2px 2px 2px black;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #7F7F7F),
	color-stop(1, #FFFFFF),
	color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(bottom, #7F7F7F 0%, #FFFFFF 100%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #7F7F7F 0%, #FFFFFF 100%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #7F7F7F 0%, #FFFFFF 100%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #7F7F7F 0%, #FFFFFF 100%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #7F7F7F 0%, #FFFFFF 100%, #FFFFFF 100%);		    
    }
    
       .linkButton:hover
    {
    	 font-weight:bold;color:white!important;word-spacing:1pt;font-size:18px;text-align:left;font-family:arial black, sans-serif;line-height:1;
    	 padding-left:65px;
    	 padding-top:5px;
		width:300px;
		height:50px;
		background-color:#0f82b1;
			-moz-border-radius:10px;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #000000;
	text-shadow:2px 2px 2px black;
background: #f6e6b4; /* Old browsers */
background: -moz-linear-gradient(top,  #f6e6b4 0%, #ed9017 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#ed9017)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6e6b4 0%,#ed9017 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */
    }


.centerContent
{
	
		 text-align:center;
		 margin-left:-60px;
}
	
.ChildGrid
{
/*position:relative;left:15px;OVERFLOW: auto;WIDTH:97%*/
padding-left:50px;
	
	}
	
.gvHeader
{
/*	border-top:1px solid black;*/
	border-bottom: 1px solid black;	
}


.BoundItem
{
	padding-right:20px;
	font-weight:normal;word-spacing:1pt;font-size:10px;text-align:left;font-family: 'DroidSans',Arial;line-height:1;
}
.BoundItem2
{
	padding-right:20px;
	font-weight:bold;word-spacing:1pt;font-size:12px;text-align:left;font-family: 'DroidSans',Arial;line-height:1;
}
.BoundItem3
{
	padding-right:20px;
	font-weight:bold;word-spacing:1pt;font-size:12px;text-align:center ;font-family: 'DroidSans',Arial;line-height:1;
}
.ErrorText
{
font-weight:bold;color:red!important;word-spacing:1pt;font-size:12px;text-align:left;font-family:arial black, sans-serif;line-height:1;

}
.ProjectItem
{
 	 font-weight:bold;color:white!important;word-spacing:1pt;font-size:18px;text-align:left;font-family:arial black, sans-serif;line-height:1;
    	 padding-left:20px;
    padding-right: 11px;

		width:50px;
		height:50px;
		background-color:#0f82b1;
		border:1px ridge  black;
		border-right:none;

	text-shadow:2px 2px 2px black;
background: rgb(252,255,244); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(40%,rgba(223,229,215,1)), color-stop(100%,rgba(179,190,173,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
}

.ProjectAddressItem
{
	 font-weight:bold;color:grey!important;word-spacing:1pt;font-size:12px;text-align:left;font-family:arial black, sans-serif;line-height:1;
    	 padding-left:20px;
    
		width:50px;
		height:50px;
		background-color:#0f82b1;
		border:1px ridge  black;	border-top: 1px ridge black;
	border-bottom: 1px ridge black;
	border-left:none;
	border-right:none;

background: rgb(252,255,244); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(40%,rgba(223,229,215,1)), color-stop(100%,rgba(179,190,173,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
}

.EstimateItem {
    font-weight: bold;
    color: white !important;
    word-spacing: 1pt;
    font-size: 18px;
    text-align: left;
    font-family: arial black, sans-serif;
    line-height: 1;
    padding-left: 20px;
    padding-right: 13px;
    text-shadow: 2px 2px 2px black;
    width: 50px;
    height: 50px;
    background-color: #0f82b1;
    border: 1px ridge black;
    border-right: none;
    background: rgb(207,231,250); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,231,250,1)), color-stop(100%,rgba(99,147,193,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */
}

.UnitItem
{
	font-weight: bold;
	color: white!important;
	word-spacing: 1pt;
	font-size: 18px;
	text-align: left;
	font-family: arial black, sans-serif;
	line-height: 1;
	 padding-left:10px;
	  padding-right:5px;
	text-shadow:2px 2px 2px black;
	width: 50px;
	height: 50px;
	background-color: #0f82b1;
	border: 1px ridge black;
	border-right:none;
	border-left:none;
background: rgb(207,231,250); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,231,250,1)), color-stop(100%,rgba(99,147,193,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */

}

.descItem
{
	font-weight: bold;
	color: white!important;
	word-spacing: 1pt;
	font-size: 12px;
	text-align: left;
	font-family: arial black, sans-serif;
	line-height: 1;
	 padding-left:20px;
	
	width: 50px;
	height: 50px;
	background-color: #0f82b1;
	border-top: 1px ridge black;
	border-bottom: 1px ridge black;
	border-left:none;
	border-right:none;

background: rgb(207,231,250); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,231,250,1)), color-stop(100%,rgba(99,147,193,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */

}




.summaryTable
{
	margin:auto;
}

.ItemText
{
	font-weight:bold;color:black;word-spacing:1pt;font-size:12px;font-family: 'DroidSans',Arial;line-height:1;
	}
.ItemTextLabour
{
	font-weight:bold;color:black;word-spacing:1pt;font-size:12px;text-align:left;font-family: 'DroidSans',Arial;line-height:1;
	}
.ItemTextLabourCenter {
    font-weight: bold;
    color: black;
    word-spacing: 1pt;
    font-size: 12px;
    text-align: center;
    font-family: 'DroidSans',Arial;
    line-height: 1;
}	
.WorksText
{
	font-weight:normal;word-spacing:1pt;font-size:10px;text-align:center;font-family: 'DroidSans',Arial;line-height:1;
	}


.hoverMenu
{

	
border-left:2px solid #284E98;
border-right:2px solid #284E98;
border-bottom:2px solid #284E98;
line-height:200%;
z-index:100;
}
.hoverMenu_item
{
	padding-top:20px;
}

/* TAB MENU   





----------------------------------------------------------*/
.level3{

    margin-left:-5px;
    margin-top:-3px;
    padding-left:10px;
}
div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
   
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;

}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 93%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
	  margin: 0px;
    padding: 0px;

}
.footer_title
{
   
	
    width: auto 0px;
	height: 32px;
		    margin: 0px;
    padding: 0px;
     
    bottom: 0;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.q,.m,.u,.uc,.st,.tt,.t,.tot,.pm2,.psf,.times,.length,.width,.height,.total,.canedit,.canedit2 {
    font-weight: normal;
    color: #000000;
    font-size: 10px;
    text-align: left;
    font-family: arial, helvetica, sans-serif;
  
}





.edit{
  border:1px solid blue; 

}

  .times { 
       border-style: none;
    border-color: inherit;
    border-width: medium;
    outline: 0;
    text-align:center;
    margin-left: 12px;
} 

    .canedit { 
       border-bottom:2px solid lightblue;
       margin-bottom:-2px;
 outline: 0;
    text-align:center;
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: medium;
    border-right-style: none;
    border-right-color: inherit;
    border-right-width: medium;
    border-top-style: none;
    border-top-color: inherit;
    border-top-width: medium;
    height: 17px;
} 

     .canedit2 { 
       border-bottom:2px solid lightblue;
       margin-bottom:-2px;
 outline: 0;
    text-align:center;
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: medium;
    border-right-style: none;
    border-right-color: inherit;
    border-right-width: medium;
    border-top-style: none;
    border-top-color: inherit;
    border-top-width: medium;
    margin-right: 5px;
} 

    .tasklabel { 
    border: none; 
    outline:0; 
    height:20px; 
    width: 230px; 
  } 

  

   .length { 
  border-style: none;
    border-color: inherit;
    border-width: medium;
    outline: 0;
    text-align:center;
    margin-top: 1px;
} 

   .width { 
    border-style: none;
    border-color: inherit;
    border-width: medium;
    outline: 0;
    text-align:center;
        margin-top: 1px;
  } 
    .height { 
    border-style: none;
    border-color: inherit;
    border-width: medium;
    outline: 0;
    text-align:center;
      /*background :#CCCCCC !important;*/
  
  }

   .total { 
    border-style: none;
    border-color: inherit;
    border-width: medium;
    outline: 0;
    text-align:right;
           padding-right:2px;
    margin-left: 2px;
} 


   .commanditem{
        border:1px solid #000000; 
    outline:0; 
    height:20px; 

     text-align:center;
   }
 .q { 
  border: 1px solid #000000; 
    outline:0; 
    height:20px; 
    width: 50px; 
     text-align:center;
  } 
  .q_header { 
    color: #000000;
    font-size: 10px;
    text-align: left;
    font-family: arial, helvetica, sans-serif;
    border-collapse: collapse;
    border:none;
    outline:0; 
    height:20px; 
    width: 50px; 
    min-width :50px;
    max-width:50px;
    text-align:center;
  }
.q_header_s {
    color: #000000;
    font-size: 10px;
    text-align: left;
    font-family: arial, helvetica, sans-serif;
    border-collapse: collapse;
    border: none;
    outline: 0;
    height: 0px;
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    text-align: center;
} 
  .m { 
    border: 1px solid #000000; 
    outline:0; 
    height:20px; 
    width: 170px; 
    min-width :170px;
    max-width:170px;
  } 
    .m_header { 
     color: #000000;
    font-size: 10px;
    text-align: left;
    font-family: arial, helvetica, sans-serif;
     border-collapse: collapse;
    border:none;
    outline:0; 
    text-align :center;
    height:20px; 
    width: 170px; 
    min-width :170px;
    max-width:170px;
  }
.m_header_s {
    color: #000000;
    font-size: 10px;
    text-align: left;
    font-family: arial, helvetica, sans-serif;
    border-collapse: collapse;
    border: none;
    outline: 0;
    text-align: center;
    height: 0px;
    width: 170px;
    min-width: 170px;
    max-width: 170px;
} 
      .u { 
    border: 1px solid #000000; 
    outline:0; 
    height:20px; 
    width: 50px; 
     text-align:center;
  } 
    .u_header { 
    color: #000000;
    font-size: 10px;
    text-align: left;
    font-family: arial, helvetica, sans-serif;
    border-collapse: collapse;
    border:none;
    outline:0; 
    height:20px; 
    width: 50px; 
    min-width :50px;
    max-width:50px;
    text-align:center;
  }
.u_header_s {
    color: #000000;
    font-size: 10px;
    text-align: left;
    font-family: arial, helvetica, sans-serif;
    border-collapse: collapse;
    border: none;
    outline: 0;
    height: 0px;
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    text-align: center;
} 
    .uc { 
    border: 1px solid #000000; 
    outline:0; 
    height:20px; 
    width: 60px; 
          padding-right:2px;
     text-align:right;
  }
        .uc_header { 
    color: #000000;
    font-size: 10px;
    text-align: left;
    font-family: arial, helvetica, sans-serif;
    border-collapse: collapse;
    border:none;
    outline:0; 
    height:20px; 
    width: 55px; 
    min-width :55px;
    max-width:55px;
    text-align:center;
  }

.uc_header_s {
    color: #000000;
    font-size: 10px;
    text-align: left;
    font-family: arial, helvetica, sans-serif;
    border-collapse: collapse;
    border: none;
    outline: 0;
    height: 0px;
    width: 55px;
    min-width: 55px;
    max-width: 55px;
    text-align: center;
} 

        .st { 
    border: 1px none #000000; 
    outline:0; 
    height:20px; 
    width: 60px; 
     text-align:right;
  }
    .st_header { 
    color: #000000;
    font-size: 10px;
    text-align: left;
    font-family: arial, helvetica, sans-serif;
    border-collapse: collapse;
    border:none;
    outline:0; 
    height:20px; 
    width: 55px; 
    min-width :55px;
    max-width:55px;
    text-align:center;
  } 
       .t { 
    border: 1px solid #000000; 
    outline:0; 
    height:20px; 
    width: 70px; 
     text-align:center;
  } 
   .t_header { 
    color: #000000;
    font-size: 10px;
    text-align: left;
    font-family: arial, helvetica, sans-serif;
    border-collapse: collapse;
    border:none;
    outline:0; 
    height:20px; 
    width: 60px; 
    min-width :60px;
    max-width:60px;
    text-align:center;
  }
.t_header_s {
    color: #000000;
    font-size: 10px;
    text-align: left;
    font-family: arial, helvetica, sans-serif;
    border-collapse: collapse;
    border: none;
    outline: 0;
    height: 0px;
    width: 60px;
    min-width: 60px;
    max-width: 60px;
    text-align: center;
} 


    .tt { 
    border: 1px none #000000; 
    outline:0; 
    height:20px; 
    width: 50px; 
     text-align:center;
  } 
        .tot { 
    border: 1px solid #000000; 
    outline:0; 
    height:20px; 
    width: 80px; 
          padding-right:2px;
     text-align:right;
   
  } 
            .pm2 { 
    border: 1px solid #000000; 
    outline:0; 
    height:20px; 
    width: 70px; 
     text-align:center;
  } 
                .psf { 
    border: 1px solid #000000; 
    outline:0; 
    height:20px; 
    width: 70px; 
     text-align:center;
  } 
.assemtable {

    border-collapse: collapse;
  width:800px;
   

}
.templatetable {
      color: #000000;
    font-size: 12px;
    text-align: left;
    font-family: arial, helvetica, sans-serif;
     border-collapse: collapse;
      
     width:328px;
}

.templatetable td{
        border:none;
        outline:none;
}

.assemtable,td { 
    border: none; 
    outline:0; 
   
    table-layout:fixed;
   
  } 
        .assemtable ,th{
            font-size:10px;
   border:none;
 
}
        tfoot td{
            border:none;
        }
.task{
        border-collapse: collapse;
        padding:0px;
        table-layout:fixed;
    width: 639px;
}
.task td{
     border-collapse: collapse;
      border: 1px solid #000000; 
    outline:0; 
   padding:0px;
   font-size:11px;
    margin-left: 80px;
}
.labourtable{
     
    width: 760px;

}

.borderbottom{
    border-bottom:3px solid black;
    height:15px;

}
.underline{
    padding-top:5px;

}

.taskfooter{
      color: #000000;
    font-size: 10px;
    font-weight:bold;
    text-align: center;
    font-family: arial, helvetica, sans-serif;
 
 
}

.header_summary{
 
      color: #000000;
    font-size: 10px;
    font-weight:bold;
    text-align: right;
    font-family: arial, helvetica, sans-serif;

}
.header_summary2{
 
     color: #000000;
    font-size: 10px;
    font-weight:bold;
    text-align: right;
    font-family: arial, helvetica, sans-serif;
    

}
.subtotal_header{
     padding-top:5px;
     padding-right:2px;
      color: #000000;
    font-size: 10px;
    font-weight:bold;
    text-align: right;
    font-family: arial, helvetica, sans-serif;

}
.normal_summary{

       color: #000000;
    font-size: 10px;
 
    text-align: right;
    font-family: arial, helvetica, sans-serif;
}

.normal_header{

       color: #000000;
    font-size: 10px;
 
   
    font-family: arial, helvetica, sans-serif;
}
.labourtable{

        border-collapse: collapse;
}
.equiptable{
    border-collapse: collapse;
}
.cell_fill{
    background-color:grey;
}

.gridheader{

    border: 1px none #000000;
}


.summary_assembly{

      border-collapse: collapse;
      border:none; 
    outline:0; 
   padding:0px;
}

.labtable{
  
    width:642px;
      font-size: 8pt;
 
   
    font-family: arial, helvetica, sans-serif;
  
    line-height: 1.6em;
}
.labtable p{
    margin-bottom: 0px;
    margin-top:0px;
line-height: 1.6em;

}

.labcolor{


        font-weight: normal;
  
    font-size: 8pt;
 
    font-family: arial, helvetica, sans-serif;
}

.labcolor{
           border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color:#FFCC00;
    outline: 0;
    text-align:right;
    margin-left: 12px;
} 

.labcolorcenter{
    
        font-weight: normal;
  
    font-size: 8pt;
 
    font-family: arial, helvetica, sans-serif;
           border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color:#FFCC00;
    outline: 0;
    text-align:center;
    margin-left: 12px;
} 

.laborange{
      background-color:#FFCC00;
}

.lab{


        font-weight: normal;
  
    font-size: 8pt;
    text-align: center ;
    font-family: arial, helvetica, sans-serif;
          border-style: none;
    border-color: inherit;
    border-width: medium;

    outline: 0;
    text-align:right;
    margin-left: 14px;
}

.smaller{
      font-size: 10pt;
}
.labother {
    background-color: #FFCC00;
    font-weight: normal;
    font-size: 8pt;
    text-align: left;
    font-family: arial, helvetica, sans-serif;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    outline: 0;
}
.percentpad{
    padding-right:13px;

}
.percentpad2{
    padding-right:8px;

}
.labbottomthick{

    border-bottom:solid 2px black;
}

.labbottomthin{

    border-bottom:solid 1px black;
}
.labbottomdouble{

    border-bottom:double 3px black;
}
.paddingright{
    padding-right :10px;
}
.padding{

    padding-left:10px;
    padding-right:10px;
}
.tighten{ 
    
width:100px;
}

.AddfromDatabase {
    overflow-x: hidden;
}

#menu1 {
    z-index: 9999;
}

.gBox{
  display :flex ;
  flex-direction :row ;


}
.gHeader {
  
   align-self :flex-end ;
   text-align :center;
   font-weight: bold;
    font-size: 10px;
    font-family: arial, helvetica, sans-serif;
    color:#000000;
}
.gContent {

}
.lblChars{
    margin-top:-2px;
}

.modal {
    display:none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

#example {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    height: 100%;
    text-align: left;
    z-index: 1000;
}

    #example div {
        width: 350px;
        height: 210px;
        margin: 100px auto;
        background-color: #f2f2f2;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border: 1px solid #666666;
        padding: 15px;
        text-align: left;
        font-weight: bold;
        font-size: 15px;
        border: 3px solid #cccccc;
        position: absolute;
        left: 50%;
        top: 50px;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }


.question {
    margin-top: -3px;
    /* padding-top: 5px; */
    vertical-align: bottom;
}

a.HelpURL:link {
    margin-top: -30px;
    color: #FFFFFF;
    display: block;
    margin-left: 250px;
    text-decoration: none;
    /*font-size: 1.1em;*/
    /*font-weight :700;*/
    letter-spacing :1px;
}
a.HelpURLDark:link {
    margin-top: -20px;
    /*color: #FFFFFF;*/
    display: block;
    margin-left: 0px;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 1px;
}
.helpimg {
    float: left;
    margin-top: -8px;
}
.helpimgEmbedded {
    float: left;
    margin-top: 15px;
}
.panelhelp {
    float: right;
}

.parentProj {
    position: relative;
    top: 0;
    left: 0;
}

.image1Proj {
    position: relative;
    top: 0;
    left: 0;
    border: 1px red solid;
}
.progress {
    position: absolute;
    left: 300px;
    top: 300px;
}
.progressAlign {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:1000;
}
.progressAlignM {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}
.progressAlignZ {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}
.progressAlignE {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}
.image2Proj {
    position: absolute;
    top: 30px;
    left: 30px;
    border: 1px green solid;
}
.clearPadding {
    padding: 0 !important;
    margin-left:-4px;
}