/*@import url('fonts/myriadpro.css');*/ /*MyriadProCondensed, MyriadProBoldCondensed*/
/*@import url('menu.css');*/


/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;  
    height: auto;
    margin: 0px auto;
    background:#DDDDDD;
    color:#333333;
    font:75%/1.5 "Trebuchet MS",Helvetica,Arial,sans-serif;
}
#bodyContent{ width:1200px; margin: 0px auto;}

h1, h2, h3, h4, h5, h6 {
    color:                  		#fff;
}
h3 {
    /*font-family: 					MyriadProBoldCondensed,"Trebuchet MS",Helvetica,Arial,sans-serif;*/
    font-family: 		Arial, Verdana, sans-serif;
    text-transform: 				uppercase;
    font-size:              		18px;
}

h4 {
    float:                          left;
    /*font-family: 					MyriadProBoldCondensed,"Trebuchet MS",Helvetica,Arial,sans-serif;*/
    font-family: 		Arial, Verdana, sans-serif;
    text-transform: 				uppercase;
    font-size:              		15px;
    margin:                         0;
    color:               			#1b7da2;
    padding:                        0 15px;
    line-height:                    26px;
    margin: 0px;
}

h5 {
    float: right;
    /*font-family: 					MyriadProBoldCondensed,"Trebuchet MS",Helvetica,Arial,sans-serif;*/
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px;
    margin-top:35px;
    color: #1b7da2;
    padding:  0 15px;
    line-height: 26px;

}

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

.none { display:none;}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
    clear:          both;
}
/* END Eric Meyer's reset */

a, button {
    outline: 						none;
}

a:hover {
    text-decoration: 				none;
}

a img {
    border: 						none;
}

.clearer:after {
    content: ".";
    display: 						block;
    height: 						0;
    clear: 							both;
    visibility: 					hidden;
}


.centerDiv {
    margin:							0 auto;
}

#header {
    background-color:#fff;
    border-bottom:1px solid #1b7da2;
    min-height:	130px;
    position: relative;
    border-radius:5px;
}
.grad100 {
    background-image:				url("../img/grad100.png");
    background-position: 			50% 50%;
    background-repeat: 				repeat-x;
}
#header .centerDiv {
    padding:20px 0 16px;
}
#header #logo {
    float:left;
    margin-top:5px;
    color: #fff;
    /*font-family: 					MyriadProBoldCondensed,"Trebuchet MS",Helvetica,Arial,sans-serif;*/
    font-family: Arial, Verdana, sans-serif;
    font-weight: normal;
    font-size: 30px;
    text-transform: uppercase;
}
#nav {
    /*	background:						none repeat scroll 0 0 #1b7da2; */
    background:	#1b7da2 url(../img/lines-3.png) 50% 0 repeat;
    border-bottom:1px solid #999999;
    border-top:1px solid #fff;
     border-radius:5px;
}

#nav .centerDiv {
    padding:						0;
    position:						relative;
    z-index:						2;
}
/* Content from menu.css START*/
.menu {
    height: 			50px;
    background: 		transparent;
    /*font-family: 		Verdana,MyriadProBoldCondensed, Arial, Verdana, sans-serif;*/
    font-family: 		Arial, Verdana, sans-serif;
    /*z-index: 			100 !important;*/
    /*padding:     		16px 0 0;*/
    text-transform: 	uppercase;
    /*position:			relative;*/
}
.menu ul {
    padding:0 0 0 0;
    margin:0;
    list-style-type:none;
}
.menu ul li {
    float:left;
    position:relative;
    background: transparent;
}

.menu ul li ul li{
    border-right: none;
}

.menu ul li a {
    float:left;
    display:block;
    color: #ddd;
    padding: 0 0 0 20px;
    line-height: 50px;
    height: 50px;
    font-weight: normal;
    text-decoration: none;
}

.menu ul li a.header {
    font-size: 	120%;
    font-weight:  bold;
    /*color: #FFFFFF;*/
}

.menu ul li a.subheader {
    color: #ddd;
    font-size: 10px;
}

.menu ul li a span {
    display:	block;
    padding:	0 5px 0 0;
    height:	50px;
    cursor:	pointer;
}

.menu ul li a:hover, .menu ul li:hover a {
    color: #fff;
    /*background: transparent url('images/menu-bg-hover.png') 0 50% no-repeat;*/
    text-decoration: none;
}
.menu ul li a:hover span, .menu ul li:hover a span {
    color: #fff;
    /*background: transparent url('images/menu-bg-hover.png') 100% 50% no-repeat;*/
    text-decoration: none;
}
/*
.menu ul li.first a:hover, .menu ul li.first:hover a {
	color: #9E040C;
	background: transparent url('images/menu-bg-hover2.jpg') top left repeat-x;
	text-decoration: none;
	}
*/
.menu ul li.current, .menu ul li.current:hover{
    background: transparent url(../img/current.png) 50% 0 no-repeat;
}
.menu ul li.current a {
    color: #8f8f8f;
    background-color: transparent;
}
.menu ul li.current a span {
    color: #8f8f8f;
    background-color: transparent;
}

.menu ul li:hover {
    /*background: url(images/menu.background.hover.gif) repeat-x top left;*/
    /*background-color: transparent;*/
    background: transparent url(../img/hover.png) 50% 0 no-repeat;
    width: auto;
    color: #9E040C;
}

.menu ul li ul {
    display: none;
    padding: 0;
    border:  1px solid #999;
    border-top: none;
}
.menu table {
    font:75%/1.5 "Trebuchet MS",Helvetica,Arial,sans-serif;
    margin:0;
    border-collapse:collapse;
    font-size: 10px !important;
    position:absolute;
    top:0;
    left:0;
 
}

/* specific to non IE browsers */
.menu ul li:hover ul {
    display:block;
    position:absolute;
    top:50px;
    margin-top:	0;
    left:-1px;
    width:230px;
    border-bottom:1px solid #999;
    background-color:#fff;
}
.menu ul li:hover ul.endstop {
    left:-92px;
}
.menu ul li:hover ul li ul {
    display:			none;
    color:				#9e040c;
    border:				1px solid #999;
}
.menu ul li:hover ul li a {
    display:block;
    background:#fff;
    color:#1b7da2;
    height:auto;
    line-height:15px;
    padding:6px 10px 6px 10px;
    width:210px;
    text-transform:		uppercase;
    font-weight:		bold;
    /*font-family: 		MyriadProBoldCondensed, Arial, Verdana, sans-serif;*/
    font-family: 		Arial, Verdana, sans-serif;
}
.menu ul li:hover ul li a:hover {
    color:              #8f8f8f;
    background-color: 	#e1e1e1;
}

.menu ul li:hover ul li a.acurrent {
    background:			#f7f7f7;
    color:              #8f8f8f;
    /*background: #E1E7F5 url('images/menu-bg-current2.jpg') repeat-x 0 50%;*/
}

.menu ul li:hover ul li:hover ul {
    display:			block;
    position:			absolute;
    left:				150px;
    top:				-1px;
    color:				#4b4e56;
}
.menu ul li:hover ul li:hover ul.left {
    left:				-150px;
}

/* specific to IE5.5 and IE6 browsers */
.menu ul li a:hover ul {
    display:			block;
    position:			absolute;
    top:				50px;
    t\op:				50px;
    background:			#fff;
    left:				0;
    font-family:		Tahoma, Verdana, Arial, Helvetica, sans-serif;
    border:				1px solid #999;
}

.menu ul li a:hover ul.endstop {
    left:				-150px;
}
.menu ul li a:hover ul li a {
    display:			block;
    background:			#fff;
    color:				#000;
    height:				16px;
    line-height:		16px;
    padding:			4px 16px 4px 10px;
    width:				150px;

    /*
	border-color: #9E040C;
	border-style: solid;
	border-width: 1px 1px 1px 5px;
	border-bottom: 0;
	*/
    text-decoration:	none;
    text-transform:		none;
    font-weight:		normal;
}
.menu ul li a:hover ul li a ul {
    visibility:hidden;
    position:absolute;
    height:0;
    width:0;
}
.menu ul li a:hover ul li a:hover {
    background: #e1e7f5;
    /*	background: #E1E7F5 url('images/menu-bg-subhover.jpg') repeat-x 50% 50%;*/
}
.menu ul li:hover ul li a:hover.acurrent {
    color: #8f8f8f;
    background: #e1e1e1;
    /*background: #E1E7F5 url('images/menu-bg-current2.jpg') repeat-x 0px 50%;*/
    /*border-left: 5px solid #9E040C;*/
}
.menu ul li a:hover ul li a:hover ul {
    visibility:visible;
    position:absolute;
    top:0;
    color:#4B4E56;
    left:150px;
}
.menu ul li a:hover ul li a:hover ul.left {
    left:-150px;
}
/* Content from menu.css END*/



/* Content from tipsy.css START*/
.tipsy { padding: 5px; font-size: 11px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
/* Content from tipsy.css END*/


#container {
    min-height: 410px;
}

#container .centerDiv {
    padding: 10px 0;
}

.box {
    background:                     #fff;
    clear: 							right;
    border-radius:					6px;
    -moz-border-radius:				6px;

    margin-top:	    15px;
    margin-bottom:        		 	15px;
    border:                         1px #999 solid;
    min-height: 450px;
}

#bldgbox1.box {
    -moz-box-shadow:				0 0 10px #aaa;
}

.box .header {
    background-color:	#1b7da2;
    height:             35px;
    border-top-left-radius:5px;
    border-top-right-radius:		5px;
    -moz-border-radius-topleft:		5px;
    -moz-border-radius-topright:	5px;
    padding:                        0 15px;
    position:                       relative;
}

.box .header h3 {
    line-height: 35px;
     font-size: 12px;
}
.box .header a.icon,
.box .header a.iconTxt {
    margin: 5px 0;
}

.box .subheader {
    background-color:	#1b7da2;
    height:   35px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    -moz-border-radius-topleft:	5px;
    -moz-border-radius-topright:5px;
   
    position: relative;
}

.box .subheader h4 {
    line-height: 35px;
    color: #ffffff;
    padding: 0 18px;
    font-size: 12px;
}
.box .subheader h4 a {

    color: #ffffff;
   
}
.box .subheader a.icon,.box .subheader a.iconTxt {
    float: right !important;
    margin: 5px;
}
.box .subheader a.backLink{text-decoration: none;color: #ffffff; padding-top: 7px; padding-right:15px;float: right;}
.box .subheader a.backLink:hover{text-decoration: underline;}




.box .controls a.icon span,
a.icon span
{display:none;}
.box .controls a.iconTxt span,a.iconTxt span{display:block;}

.box .header h3 {position: relative; top: 2px; display: inline; font-size: 120%; color: #fff;}
.box .header h3  a {position: relative; top: 2px; display: inline; color: #fff;}
/* tabs in the header */
.box .header ul {
    position: absolute;
    right: 9px;
    bottom: 0;
}
.box .header ul li {display: inline;}
.box .header ul a {
    border-radius: 5px 5px 0 0;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    background: #777; border: 0; float: left; margin: 0 0 0 5px; padding: 8px 13px 6px; color: #fff;
    text-decoration: none;
}
.box .header ul a.active,
.box .header ul a:focus,
.box .header ul a:active {background: #fff; color: #444;}

.box .header ul a:hover {background: #e1e1e1; color: #444;}

.box .content {
    background-color: 				#fff;
    margin-bottom:                  5px;
}

.box #important.content {
    background-color: 				#ffbfbf;
}
.box #important h4 {
    color:                          #fff;
}
.box #blddetails.content {
    margin-bottom:                  0;
}

.box.altcolor .header {
    background-color:               #8f8f8f;
}

/* boxes' content types � tabular */
.box .content table {width: 100%;}
.box .content table th,
.box .content table td {padding: 8px;vertical-align: middle;}
.box .content table.add_def td, .box .content table.add_def th {padding: 4px 8px!important;vertical-align: middle;}
.box .content table thead td.actions {text-align:center;}
/*
.box .content table th.actions,
.box .content table td.actions {width:98px;}
*/
.box .content table th {text-align: left; font-weight: normal;}
.box .content table tr.even th,
.box .content table tr.even td {background: #f5f5f5;}

.box .content table th.first,
.box .content table td.first,
.box .content table tr.first,
.box .content table tbody tr.first th.first,
.box .content table tbody tr.even th.first {padding-left: 15px;background: #e1e1e1 !important;}
.box .content table thead th,
.box .content table thead td {border-left: 1px solid #f2f2f2; border-right: 1px solid #d5d5d5; background: #ddd;  text-shadow:#fff 0 1px 0;}

.box .content table tbody tr.deviceDetails {display:none;}

.box .content table a {border: 0; padding: 10px; color: #1b7da2;}

ul.paperwork li{padding:0 0 6px 0;}
.box .content table a.pdf, a.pdf {border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/icon-pdf.png) 0 50% no-repeat;float:left;}
.box .content table a.doc, a.doc {border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/icon-doc.png) 0 50% no-repeat;float:left;}
.box .content table a.upload, a.upload {border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/icon-upload.png) 0 50% no-repeat;float:left;}

.box .content table a.icon {padding: 0; color: #1b7da2;}
.box .content table tfoot th,
.box .content table tfoot td {background: #fff ;}
/* boxes' content types � simple list */
.box .content ul.simple li {clear: both; overflow: hidden;}
.box .content table tr.even th,
.box .content ul.simple li.even {background: #f5f5f5;}

.box .content ul.simple strong {float: left; font-weight: normal;}
.box .content ul.simple span {float: right;}
.box .content ul.simple li a {display: block;padding: 6px 15px 4px 15px; text-decoration: none;}
.box .content ul.simple li a:hover {background: #e1e1e1; }

.box a {color:#1b7da2;}

/* forms */
form, .inner-box {padding: 12px;}
dl {width: 100%; overflow: hidden;} /* basic layout for forms */
dl dt,
dl dd {float: left;}
dl dt {padding: 3px 5px 3px 5px; width: 10%; clear: left;font-weight: bold;}
dl dd {padding: 3px 0 3px 5px; width: 60%;}
span.h5 {color: #1b7da2;font-size: 14px;font-weight:bold;padding-top: 15px;clear:both;float:left;}
span.h5:first-child {padding-top:0;}

/*
.inner-box dl dt, .inner-box dl dd {
    border-bottom: 2px #fff solid;
	}
.inner-box dl dt {
	background: #e1e1e1;
	}
*/
label.check,
label.radio {margin-right: 5px;float: left; clear:both;}
form small {color: #999;}
input.txt,
textarea {
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    border: 1px solid #999; padding: 5px 2px;
}
form input.txt,
form textarea {width: 100%;}

form.fields {} /* plain and clean layout for forms */
form.fields fieldset {
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    border: 1px solid #ccc; margin-bottom: 15px; padding: 10px 15px 15px 15px;
}
form.fields fieldset.last {margin-bottom: 0; border-right: 1px solid #ccc !important;}
form.fields fieldset legend {padding: 0 10px; font-size: 110%;}
form.fields label,
form.fields div.sep {display: block; margin-top: 6px;}
form.fields label.check,
form.fields label.radio {display: inline; margin-top: 0;}
form.fields span.loading {margin-left: 10px;}


.button {border: 1px solid #00487a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #1b7da2; padding: 5px 9px 5px; text-shadow: #00487a 1px 1px 0; color: #fff; cursor: pointer;}
.button:hover,
.button:focus,
.button:active {border-color: #272727; background: #2a2a2a; text-shadow: #000 1px 1px 0; color: #fff;}

.divider {margin-top:20px;padding-top:20px;border-top:1px solid #d7d7d7;}

.div20 {float:left;width:20%;}
.div30 {float:left;width:30%;}
.div50 {float:left;width:50%;}
.div70 {float:left;width:70%;}
.div50doc {float:left;width:49%;margin-left:2px;}
.box .controls{/*line-height: 32px;*/text-align:right;/*clear:both;*/ background-color: #fff;padding: 6px 0; width: 100%; float:left !important;}
.conrolunlink {/*line-height: 32px;*/text-align:right;/*clear:both;*/ background-color: #fff;padding: 6px 0; width: 100%;}
.box #important .controls {background-color: #f00;}
.box #important .inner-box {background-color: #ffbfbf;}
.box .controls.top,
.box .controls.bottom {border-bottom:1px solid #BBBBBB;border-top:1px solid #BBBBBB;}
.flright div {float: right;}
.flleft div {float: left;}
.fleft {float: left;}
.box .controls.flright a,.conrolunlink.flright a,.tc a.editDevice,.tc a.viewDevice {margin-right:10px;}
.box .controls.flleft a,.conrolunlink.flleft a {margin-left:10px;}
.box .header a.icon,.box .subheader a.icon,  .box .controls a.icon, .conrolunlink a.icon, .box .content table .tc a.icon { margin-right:5px; background-color: #e1e1e1; float: left; background-position: 50% 50%;background-repeat: no-repeat; width:24px;height:24px;display:inline;border: 1px solid #bbb;-moz-border-radius: 3px;-webkit-border-radius:3px;}
.box .header a.iconTxt,.box .subheader a.iconTxt,  .box .controls a.iconTxt, .box .content table .tc a.iconTxt { background-color: #e1e1e1; float: left; background-position: 4px 50%;background-repeat: no-repeat; height:24px;display:block;border: 1px solid #bbb;-moz-border-radius: 3px;-webkit-border-radius:3px;padding: 0 4px 0 24px;}
a.iconTxt {
    line-height: 		24px;
    text-decoration: 	none;
    
}
.box .header a.icon:hover, .box .controls a.icon:hover, .box .content table .tc a.icon:hover {background-color: #fff;}
.box .header a.iconTxt:hover, .box .controls a.iconTxt:hover, .box .content table .tc a.iconTxt:hover {background-color: #fff;}
.box .controls a span {display:none;}
.blddetails 		{background-image: url(../img/building.png);}
.bld_docs 			{background-image: url(../img/building_docs.png);}
.bld_notes 			{background-image: url(../img/building_notes.png);}
.editBldg 			{background-image: url(../img/building_edit.png);}
.addUser 			{background-image: url(../img/user_add.png);}
.add3rd 			{background-image: url(../img/3rd_add.png);}
.addClient 			{background-image: url(../img/client_add.png);}
.addMech 			{background-image: url(../img/mech_add.png);}
.addSuper 			{background-image: url(../img/super_add.png);}
.addAgent 			{background-image: url(../img/agent_add.png);}
.addNote 			{background-image: url(../img/note_add.png);}
.editUser 			{background-image: url(../img/user_edit.png);}
.edit3rd 			{background-image: url(../img/3rd_edit.png);}
.editClient 		{background-image: url(../img/client_edit.png);}
.editMech 			{background-image: url(../img/mech_edit.png);}
.editSuper 			{background-image: url(../img/super_edit.png);}
.editAgent 			{background-image: url(../img/agent_edit.png);}
.removeUser 		{background-image: url(../img/user_delete.png);}
.remove3rd 			{background-image: url(../img/3rd_delete.png);}
.removeClient 		{background-image: url(../img/client_delete.png);}
.removeMech 		{background-image: url(../img/mech_delete.png);}
.removeSuper 		{background-image: url(../img/super_delete.png);}
.removeAgent 		{background-image: url(../img/agent_delete.png);}
.deactBldg 			{background-image: url(../img/building_delete.png);}
.addDevice 			{background-image: url(../img/device_add.png);}
.addUser 			{background-image: url(../img/user_add.png);}
.viewProposal 		{background-image: url(../img/proposal_view.png);}
.viewViolation 		{background-image: url(../img/vio_view.png);}
.addProposal 		{background-image: url(../img/proposal_add.png);}
.editDevice 		{background-image: url(../img/device_edit.png);}
.removeDevice 		{background-image: url(../img/device_delete.png);}
.vioNotes 			{background-image: url(../img/vio_notes.png);}
.vioNotes2 			{background-image: url(../img/note_add.png);}
.testHistory 		{background-image: url(../img/test_view.png);}
.addTest 			{background-image: url(../img/test_add.png);}
.tracking 			{background-image: url(../img/tracking.png);}
.compDetails 		{background-image: url(../img/comp_view.png);}
.compNotes 			{background-image: url(../img/comp_note.png);}
.viewDevice 		{background-image: url(../img/device_view.png);cursor: pointer;}
.addViolation 		{background-image: url(../img/violation_add.png);cursor: pointer;}
.backIcon                   {background-image: url(../img/icon-upload.png);cursor: pointer;}
.aocheader 		{background: transparent url(../img/building.png) 0 0 no-repeat;cursor: pointer;padding-left:10px;padding-right:10px;}
.close 				{background-image: url(../img/cancel.png);display:block;cursor: pointer;width:16px;height:16px;position:absolute;margin-left: -28px;}
.addPaperwork 		{background-image: url(../img/paper_add.png);}
.box .content table a.addSchedTest.icon {background-image: url(../img/book_add.png);display:block;width:16px;height:16px;float:left;margin-right:10px;}
.box .content table a.editSchedTest {background-image: url(../img/book_edit.png);display:block;width:16px;height:16px;float:left;}
.reset {background-image: url(../img/undo-icon.png);display:inline-block;width:16px;height:16px;}
.reset:hover {cursor:pointer;}
.viewPermit {background-image: url(../img/view_doc.png);}

.box .content table tr.deviceDetails td {padding: 8px 8px 8px 40px;border-bottom:1px solid #bbb;background-color:#efefef;}
.box .content table.innerTable tr td {padding: 8px;}
.box .content table.innerTable thead tr td {border-top:1px solid #bbb; padding-top:5px;}
.box .content table.innerTable thead td {border-left:1px solid #bbb;}
.box .content table.innerTable tbody td {background-color: #fff;border-bottom:1px solid #bbb;}
.box .content table.innerTable{border-left:1px solid #bbb;border-right:1px solid #bbb;}

.collapse .inner-box {
    display: 	none;
}
#important .inner-box {
    display:block;
}

/*  ------------  LOGO LINK  ------------  */
#logolink {
    background: transparent url(../img/logo.png) 0 0 no-repeat;
    position: absolute;
    width: 272px;
    height: 110px;
    padding: 0;
    top: 20px;
    left: 10px;
     
    /*outline: 1px dashed blue;*/
}

#logolink a,#logolink a:hover{
    /*outline: 1px dashed red;*/
    display: block;
    width: 272px;
    height: 110px;
    color: #2E3640;
    text-decoration: none;
}

#logolink a span {
    visibility: hidden;
    color: #2E3640;
}
/*  ------------  END LOGO LINK  ------------  */
.iconswitch {
    color:  #999;
}

.abc
{
    font-size:15px;
    color:#FF0000;
}
div.error-message
{
    background: #FFF4DD;
    border: solid 1px #FFB722 ;
    padding:5px;
    margin-right:10px;
    margin-bottom: 3px;
    font-size:13px;
    color:#FF0000;
    clear: both;
}
label.error
{
    font-size:13px;
    color:#FF0000;
    clear: both;
}

.doblogo {background-image: url(../img/doblogo_1.jpg);cursor: pointer;}
.alertdiv {margin-left:15px; color:red;}
.newtestdiv
{
    display:none;
}

.col_header a{text-decoration: none; color: #000000 !important;}

.col_header:hover span{background-image: url(../img/sort_asc.gif);background-repeat: no-repeat;float: right;}

.col_header .sort_asc {background-image: url(../img/sort_asc.gif);background-repeat: no-repeat;float: right;}
.col_header:hover .sort_asc {background-image: url(../img/sort_desc.gif);background-repeat: no-repeat;float: right;}

.col_header .sort_desc {background-image: url(../img/sort_desc.gif);background-repeat: no-repeat;float: right;}
.col_header:hover .sort_desc {background-image: url(../img/sort_asc.gif);background-repeat: no-repeat;float: right;}
/*17May*/
#clientbuildingdetails{width:99%;float:left;}
#clientbuildingdetails  form{padding:7px!important;margin:0px!important;}
#clientbuildingdetails .innerbox{float:left;width:100%;}
#clientbuildingdetails .clearer{clear:both;}
#clientbuildingdetails .selectboxcss{margin-left: 7px;/*float:left;padding-top:8px;*/position:absolute;right:346px}
#clientbuildingdetails .selectboxcss div{float:left!important;}
#clientbuildingdetails  .top.grad100 h4{text-align:left;width:60%!important;}
/*this is new css for the full width of anchor tag created on 24 oct line 772*/
#clientbuildingdetails  .top.grad100 h4 a{width:150%!important;display:block;}
#clientbuildingdetails  .content .inner-box.subpanel{padding-top:0px!important;}
#clientbuildingdetails  .space{clear:both;line-height:16px;}
#clientbuildingdetails  .gap{clear:both;line-height:5px;}
#clientbuildingdetails  .nopadding{padding-top:0px!important;}
#clientbuildingdetails .boldtext{color:#1B7DA2;font-size:14px;font-weight:bold;
                                 padding-top:0px!important;padding-bottom:0px!important;}
#livesearch{width:100%; max-height: 165px; overflow: auto;}
*+html #livesearch{position:relative;top:-1px;}
#livesearch ul{padding:0px!important;margin:0px!important;}
#livesearch ul li{padding: 2px 5px;}
 #livesearch ul li:hover{border-radius:5px;border: 1px solid #9C9497; background-color: #E3E1E2 !important;padding: 5px;}

.endtestclass {background-color: #E1E1E1!important;padding:10px;
}
.firsttestclass{background-color: #F5F5F5!important;padding:10px;
}
.prevtestclass{background-color: #FF9999!important;
}

td {
   text-align:center !important;
}

.accountCl {
    font-size:12px;
    color:#FF0000;
    margin-left:2px;
}

/*===============================Added By Sarvesh ==========================================================================*/
.icon_16 {
    width: 26px;
    height: 24px;

}
.icon_25 {
    width: 36px;
    height: 36px;


}
.help-img {
    background: url("/img/help-icon.png") no-repeat scroll 0 5px transparent;
     margin-left:5px;
}


.icon_16.delete-img {
    background: url("/img/comment_cancel_icon.png") no-repeat scroll 0 5px transparent;
    width:20px ;height:25px;float:left;
}
a.icon_16{padding:0px 3px!important}
.icon_16.edit-img {
    background: url("/img/building_edit.png") no-repeat scroll 0 5px transparent;
    width:16px ;height:24px;float:left; margin-right:10px;
}
.icon_25.detail-img {
    background: url("/img/details.png") no-repeat scroll 5px 5px transparent;padding:16px!important; position:relative;top:2px;margin-right:10px;
}
.icon_16.active-img {
 background: url("/img/active.gif") no-repeat scroll 0 5px transparent;
 text-decoration:none;
  width:16px ;height:25px;float:left;margin-right:10px;
}
.icon_16.deactive-img {
 background: url("/img/deactive.gif") no-repeat scroll 0 5px transparent;
 text-decoration:none;
width:16px ;height:25px;float:left;margin-right:10px;
}
.icon_16.print-img {
    background: url("/img/print.png") no-repeat scroll 0 5px transparent;
    width:20px;height:25px;float:left;margin-right:10px;
}

.icon_16.activate-img {
 background: url("/img/activate.png") no-repeat scroll 0 5px transparent;
 text-decoration:none;
  width:91px ;height:30px;float:left;margin-right:10px;
}
.icon_16.deactivate-img {
 background: url("/img/deactivate.png") no-repeat scroll 0 5px transparent;
 text-decoration:none;
width:91px ;height:30px;float:left;margin-right:10px;
}





.astric{color:#FF0000;}
.mandatory2{clear: both; margin: 2px; text-align:right;font-size:11px}
.totalErrors{
    background: #FFF4DD;
    border: solid 1px #FFB722 ;
    padding:10px;
    margin-bottom: 5px;
    color:red;
}
.totalSuccess,.message {
    background: #FFF4DD;
    border: solid 1px #FFB722 ;
    padding:5px;
    margin-right:10px;
    margin-bottom: 3px;
    color:green;
}

li.error{
    background: #FFF4DD;
    border: solid 1px #FF0000 ;
    padding:8px 10px 8px 10px;
    margin-right:10px;
    margin-bottom: 3px;
    color:#FF0000;
}

.vertical_align{vertical-align: top!important}

input[type="button"],input[type="reset"],
input[type="submit"]{
    margin: 0 2px 0 2px;cursor: pointer;background:#1b7da2; width:auto;
    color:#ffffff; font-weight:bold; border-radius:5px; overflow:visible; padding:5px; border:1px solid  #1b7da2;
    font-size:12px;text-align: center !important;}
input[type="button"]:hover,input[type="button"]:active, input[type="button"]:focus{ background: #FCB040; border: #B76E07 1px solid }
input[type="submit"]:hover,input[type="submit"]:active, input[type="submit"]:focus{ background: #FCB040; border: #B76E07 1px solid }
input[type="reset"]:hover,input[type="reset"]:active, input[type="reset"]:focus{ background: #FCB040; border: #B76E07 1px solid }
/*input[disabled]:hover, input[disabled] KRALL*/
.tableBroder{width:100%;border:1px solid #bbbbbb;}
.tableBroder .tableHeader {font-weight: bold;background-color:#BBBBBB}
.tableHeader a{padding: 0px !important; color: #333333 !important;}
.pagination{ float:left; width:95%; font-weight: bold;}
.pagination li{ display:block; text-align:right; padding-top:5px;}

#userLogin{background: transparent url(../img/bg.png) no-repeat; height: 300px;width: 400px !important; margin: 0px auto;}

#userLogin table, #userLogin table tr, #userLogin table tr th, #userLogin table tr td {
    padding: 5px !important;
}
#userLogin a{color: #3B3637 !important; text-decoration: none}
#userLogin a:hover{color: #3B3637; text-decoration:underline}
#userLogin {padding: 5px!important}
#userLogin input[type="text"], #userLogin input[type="password"], #userLogin input[type="email"]{border-radius:5px 5px 5px 5px;height: 18px;border: 1px solid #808080; padding: 4px;width: 95%;}

.loginError {text-align: center; width:350px;margin: 0px auto;padding-right: 20px;}
.forgotError {text-align: center;width: 410px;margin: 0px auto;}
/*------------------ Added By developer ---------------------------*/ 
.box .content table.border {width: 99.5%; border:1px solid black;}

.roundedBorder{border-radius:5px;}
.tableBroder{padding: 0px!important;}
/*background-image: url("../img/grad100.png");
    background-position: 50% 50%;
    background-repeat: repeat-x;*/

.footer{
    background-color:#1b7da2;
    height:40px;
    border-radius:5px;
    padding: 0 15px;
    position:relative;
    text-align: center;
}

.footer-content{
    font-size:12px;
    color:#ffffff;
    margin:0px auto;
    clear:both;
    padding-top:10px;
}
.building_ad-1{ float:left;margin-right:10px;}
.selectboxcss-1{ float: left !important; margin-right: 10px;}
.selectboxcss-1 select{ width:230px;}
h3.tp a{ top:0px !important; color:#1B7DA2;}
.icon_abl{ float: right;}
.centerdiv_toppad{ padding-top:30px;}
.class_hide_accord{float: left; width: 96%;}
.normal{ border-radius:0px !important; padding: 0px!important; border-color: none !important}
.smallBtn{ width:80px !important;}
#divUpdate table a{padding: 0px !important;}
h3.tp{float:left;
    font-size: 14px;
    margin-top: 10px;
    width: auto;
color:#666}
#from, #to{width: 100px;}
#ReportMechanicId{width: 150px !important;}


.footer-content a{color: #ffffff;text-decoration: none;}
.footer-content a:hover{color: #ffffff; text-decoration: underline;}


.note_list {background-image: url(../img/note_available.jpg);}
.note_add {background-image: url(../img/note_2add.png);}
.customerebiaoc {background-image: url(../img/AOC.png);}

.loading {
	background-image: url(../img/loader.gif);
	height: 32px;
	width: 32px;
	display:none;
}
.status-Processing {
        background-image: url(../img/status-yellow.gif);
	background-repeat:no-repeat;
        height: 16px;
        width: 16px;
	display: inline-block;
	margin-right:2px;
	
}
.status-Failed {
        background-image: url(../img/status-red.gif);
        background-repeat:no-repeat;
	height: 16px;
        width: 16px;
        display: inline-block;
        margin-right:2px;
}
.status-Completed {
        background-image: url(../img/status-green.gif);
	background-repeat:no-repeat;
        height: 16px;
        width: 16px;
        display: inline-block;
        margin-right:2px;
}
.extraction_hider {
        background-image: url(../img/cancel.png);
        background-repeat:no-repeat;
        height: 16px;
        width: 16px;
	cursor:pointer;
}
div.error-message444
{
    font-size:13px;
    color:#FF0000;
    clear: both;
}
.catcss1{
    text-align:left;
    margin-top:10px;
}
.catcss{    
    margin-top:-32px;
}

.bstatus{
	background-color: #1B7DA2;
	color: red;
	float: left;
	font-family: arial;
	font-style: italic;
	font-weight: bold;
	margin-left: 12px;
	padding: 4px;
}
.noteclass {
overflow: auto;
}

.test-dot-img {
    background: url("/img/dot.png") no-repeat scroll 0 5px transparent;
   float:right;
   margin-left:-22px;
}

td.notestop{
	vertical-align:top !important;
}

.box .content table a.printelv36 {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/36.png) 0 50% no-repeat;float:left;}
.box .content table a.ebiaoc {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/AOC.png) 0 50% no-repeat;float:left;}
.box .content table a.ebielv {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/ebi_elv.png) 0 50% no-repeat;float:left;}
.box .content table a.aeu {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/AEU2.png) 0 50% no-repeat;float:left;}
.box .content table a.elv29 {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/elv29.png) 0 50% no-repeat;float:left;}
.box .content table a.stamped {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/Stamped.png) 0 50% no-repeat;float:left;}
.box .content table a.scan {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/Scan.png) 0 50% no-repeat;float:left;}
.box .content table a.customer {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/Person.png) 0 50% no-repeat;float:left;}
.box .content table a.cover {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/Cover.png) 0 50% no-repeat;float:left;}
.box .content table a.leftnopad{padding-left:0px !important}

.mechanic-report{ float: right; position: relative; width:200px;}
.mechanic-report input[type="button"]{width:200px; text-align:left !important; padding:8px;}
.mechanic-report .mechanic-excel, .mechanic-report .mechanic-pdf{position:absolute; top:4px; right:3px;}
.mechanic-report .mechanic-pdf{right:38px;}


.icon_rejection.active-img {
 background: url("/img/rejection.png") no-repeat scroll 0 5px transparent;
 text-decoration:none;
  width:16px ;height:25px;float:left;margin-right:10px;
}

.tclass{
	border-right:1px solid #CCCCCC;
}

.defContainer{padding: 10px}
.bulidingDetails h3{ font-family: Arial,Verdana,sans-serif;font-size: 11px;line-height: 26px;margin: 0;padding: 0;text-transform: uppercase; color: #333;}
.defContainer table tr td {vertical-align: text-top !important} 
#searchSection{text-align: center}
#searchSection ul{ list-style: none;display: inline-block}
#searchSection ul li{ list-style: none;display: inline-block}

#download-counter {
	margin-top:16px;
	margin-left:-105px;
	margin-right:85px;
	padding-right:2px;
	padding-left:2px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:  rgb(0, 90, 107);
	display:inline-block;
	color: rgb(221, 221, 221);
}

.input-error + ul li{color: red; border-color:red }

.formWrapper { float: left; width:100%; margin-bottom: 20px;}
.formWrapper .formLeftBlock {float:left; width:40%;}
.formWrapper .formRightBlock {float:left; width:40%; margin-left: 10%;}
.formWrapper .frmFld {float:left; width:100%;}

.formWrapper .frmFld ul{margin-left:218px;}

.formWrapper .frmFld label{float:left; width:100%; }
.formWrapper .frmFld label span{float:left;width:42%;   padding:10px 10px 10px 10px; background: none repeat scroll 0 0 #E1E1E1 !important; }
.formWrapper .frmFld label span.astric{float:left;width:auto; padding:0px; }
.formWrapper .frmFld label span.blank{float:left;width:42%;   padding:10px 10px 10px 10px; background: none!important; }
.formWrapper .frmFld label input[type="text"] {float:right;width:220px; margin:7px 0px 10px 0px;}
.formWrapper .frmFld label input[type="email"] {float:right;width:220px; margin:7px 0px 10px 0px;}
.formWrapper .frmFld label input[type="password"] {float:right;width:220px; margin:7px 0px 10px 0px;}
.formWrapper .frmFld label input[type="file"] {float:right;width:220px; margin:7px 0px 10px 0px;}
.formWrapper .frmFld label img{float:right;width:220px; margin:7px 0px 10px 0px;}

.formWrapper .frmFld label select{float:right;width:220px; margin:7px 0px 10px 0px;}
.formWrapper .frmButtons{ float:right; text-align: right; margin:20px 0px 20px 0px;}
.formWrapper .frmFld ul li {font-size:13px;color:#FF0000;clear: both; padding:10px 0px 10px 5px;}

.formWrapper .frmFld label.chkBoxRight{float:left; width:100%;padding-left:218px; padding-top:10px;}
.formWrapper .frmFld label.chkBoxRight input{float:left; }
.formWrapper .frmFld label.chkBoxRight span{float:left; width:auto; background: none!important; padding:0px; margin-left:10px;}

ul li.dashbord-menu-li {
    border: 1px solid #CCCCCC;
    color: #8F959C;
    font-size: 12px;
    height: 40px;
    list-style: none outside none;
    margin-top: 10px;        
    position: relative;
    text-align: left;
    /*width: 300px;*/
}
ul li.dashbord-menu-li div.round {
    background: url("/img/gray_arrow.gif") no-repeat scroll 10px 13px rgba(0, 0, 0, 0);
    float: left;
    line-height: 32px;
    margin-top: 0;
    padding-left: 25px;
    width: 170px;
}

#chgPass {margin:7px 0px 10px 18px; float:left;}
#chgPass a{color:#FF0000;}

ul li.dashbord-menu-li div.rgt {
    background: url("/img/rounded_box.gif") no-repeat scroll right 6px rgba(0, 0, 0, 0);
    float: right;
    height: 27px;
    margin-top: -1px;
    padding-top: 12px;
    text-align: center;
    width: 75px;
}
ul li.dashbord-menu-li:hover {
    background-color: #F6F6F6;
}

ul li.dashbord-menu-li:hover .rgt {
    background: url("/img/rounded_box_hover.png") no-repeat scroll right 6px rgba(0, 0, 0, 0);
}

ul li:hover span.hover_arrow {
    /*background: url("/img/gray_arrow.png") no-repeat scroll left top rgba(0, 0, 0, 0);*/
    display: block;
    height: 20px;
    position: absolute;
    right: -7px;
    top: 8px;
    width: 7px;
}

.forgotPass {float:left; font-size: 24px; color: #eeeeee; padding-bottom:20px 0px; margin-bottom: 10px; }

#gbox_list td {padding:6px 6px;}
#gbox_list th {padding:6px 0px;}

.defiListRow td{padding:6px 6px !important;}
.defiListRow th{padding:6px 0px !important;}
.defiListRow tr.jqgfirstrow td{padding: 0px 0px !important;}
.defiListRow table.ui-pg-table td{padding: 0px 0px !important;}


#pg_pager td , #pg_pager_1_2 td{padding:0px;}
#pg_pager th , #pg_pager_1_2 td{padding:0px;}

#gview_list tr.jqgfirstrow td {padding:0px 0px;}
#gbox_defiList_1_2 tr.jqgfirstrow td {padding:0px 0px;}

.build_adddress {padding-left:15px; margin-top:10px; float:left; width:150px;  }
.build_adddress .buildName{font-size:13px; font-weight: bold;}
.buildDev td {padding:8px 0px 8px 0px;}
.buildDev .deviceName{float:left; width:150px; font-size:17px; font-weight: bold; padding-left:20px; padding-top:5px; }

.tabDefic .tabDefiHeader th {border:solid 1px #5BAECC; font-size:13px; font-weight:bold; padding:5px; background:#D1F6F6;}
.tabDefic .defUns td {border:solid 1px #5BAECC; padding:5px;}

.buildingWrap .addBtnRow input{ margin:15px 0px 15px 30px;}
.buildingWrap .addBtnRow tr{border:0px;}
.buildingWrap .addBtnRow td{border:0px;}

.tabDefic .addFrmRow { border:solid 1px #5BAECC;}

.addFrmRow .frmLeft {float:left; width:45%;}
.addFrmRow .frmRight{float:left; width:45%; margin-left:4%;}
.addFrmRow .frmLeft div.inpWrap, .addFrmRow .frmRight div.inpWrap {float:left; margin:10px 0px 10px 0px;}
.addFrmRow  .inpWrap{ width:100%; float:left;}
.addFrmRow  .inpWrap label{ width:25%; float:left;}

.addFrmRow  .inpWrap .inpFldWrap{  float:left;}
.addFrmRow  .inpWrap .inpFldErr { float:left; color : #ff0000; margin-top:8px;}
.addFrmRow  .inpWrap .d_typeErr { float:left; color : #ff0000; margin-top:8px;}


.addFrmRow  .frmBtn {float:right !important;}

.buildLabel {margin-left: 15px;}
.buildingWrap .btnSaveRes {float:right; margin:0px 0px 15px 0px;}

.defiFrm , .defiEditFrm{border:solid 1px #5BAECC; width:97%; margin-top:15px; margin-bottom:15px;  float:left;}
.btnSaveRes {margin-top:15px;}

.buildingWrap .message {margin-top:15px;}
.red {color : #ff0000;}
.redStar {color : #ff0000; float:left; margin-left:4px;}
.redStar2 {color : #ff0000;  margin-left:4px;}
.cat5resultWrap {float:left; margin-left:30px;}
.testDateWrap {float:left; margin-left:30px;}

#defInnerElvWrap {border:solid 1px #5BAECC; padding:10px;}
.buildAddressWrap .elv_label {font-size:13px; font-weight:normal; padding:5px 0px 5px 0px;}
.buildAddressWrap .elv_content {font-size:13px; font-weight:bold; padding:5px 0px 5px 0px;}

.deviceWrap .test_info_label{font-size:13px; font-weight:bold; padding:5px 0px 5px 0px;}
.deviceWrap #deviceInfo td{font-size:13px; font-weight:bold; padding:4px 7px 4px 7px; border:solid 1px #A0E1F7;  background-color: #E4F1FC;}
.deviceWrap .deviceInfoRow td{font-size:13px;  border:solid 1px #A0E1F7; padding:4px 7px 4px 7px; }

.acceptform .accFrmElements{margin:10px 0px 10px 0px;}
.acceptform .accFrmElements input.acceptElv{}
.acceptform .accFrmElements label{font-size:13px; font-weight:bold; padding:5px 0px 5px 10px; }
.acceptform  label.rejLbl{font-size:13px; font-weight:bold; padding:5px 5px 5px 5px; float:left; width:125px; }
.acceptform  textarea.rejectionNotes{font-size:13px;padding:5px 5px 5px 0px; float:left; margin-left:15px; }
.acceptform #accRejErr{font-size:13px;float:left; color : #ff0000; margin-top:0px; margin-bottom:8px; margin-left:5px; width:100%;  }
.acceptform #rejNoteErr{font-size:13px;float:left; color : #ff0000; margin-top:8px; width:100%; margin-left:148px;  }

.marleft5 {margin-left:5px;}
.marleft8 {margin-left:8px;}
.marleft10 {margin-left:10px;}
.marleft20 {margin-left:20px;}

#defInnerElvWrap .printFrmWrap td {font-size:13px; padding:5px 0px 5px 0px;}    

#defInnerElvWrap .errorWrap { float:left; color : #ff0000;   }            
#defInnerElvWrap .successMsgWrap { 
    float:left;
    width: 100%;
    background: #FFF4DD;
    border: solid 1px #FFB722 ;
    /*padding:10px 10px 10px 10px;*/
    padding-top:4px;
    padding-bottom:4px;
    padding-left:2px;
    color:green;  
}    

#defInnerElvWrap .genReqWrap  label { margin-left:3px; float:left;  }            
#defInnerElvWrap .genReqWrap  input { margin-left:90px;  }   

#defInnerElvWrap .dateSentWrap  label { margin-left:3px; float:left;  }            
#defInnerElvWrap .dateSentWrap  input { margin-left:15px;  }   

.frmUploadError {color:#FF0000;}


.column{
    width:24%;
    margin-right:15px;
    float:left;
	min-height: 190px;
}
.column .dragbox{
    margin:5px;
    background:#fff;
    position:relative;
    border:1px solid #ddd;
	min-height: 195px;
}
.column .dragbox h2{
    margin:0;
    font-size:12px;
    padding:5px;
    background:#f0f0f0;
    color:#000;
    border-bottom:1px solid #eee;
    font-family:Verdana;
    /*cursor:move;*/
}
.dragbox-content{
    background:#fff;
    min-height:100px; margin:10px;
    font-family:'Lucida Grande', Verdana; font-size:0.8em; line-height:1.5em;
}
.column  .placeholder{
    background: #f0f0f0;
    border:2px dashed #883533;
}
#column_5{clear:both;width:97.5%;margin-bottom: 15px;margin-top: 10px;}
#reportDashboard ul{float: left;}

#reportDashboard ul li.dashbord-menu-li{/*width:220px;*/}


#reportDashboard > ul#col2 {
    margin-left: 15px;
}
#reportDashboard > ul#col3 {
    margin-left: 13px;
}
#reportDashboard > ul#col4 {
    margin-left: 15px;
}

.elvDhead   {font-size: 13px; font-weight: bold;  margin-left: 10px; margin-top:10px;}
.elevDwrap  {float:left; width:100%; margin-bottom: 10px;}
.elevDName  {float:left; width:150px; font-size: 13px; margin-left: 10px;  margin-top:5px;}
.elevDemail {float:left; font-size: 13px; margin-left: 10px;  margin-top:5px; font-weight: bold;}
.margin-10{margin:10px !important;}

.inpTestDate  { margin-left: 10px;}


#gbox_proposalId_7 td{padding:6px !important;} 
.divUpdate td{padding:6px 6px !important;}
.divUpdate th{padding:6px 0px !important;}
.divUpdate tr.jqgfirstrow td{padding: 0px 0px !important;}
.divUpdate table.ui-pg-table td{padding: 0px 0px !important;}

#gview_proposalId1 tr.jqgfirstrow td {padding:0px 0px;}
#gbox_proposalId1 tr.jqgfirstrow td {padding:0px 0px;}

#buildingSummary{clear: both;margin: 8px;}
#buildingSummary label{width:100px;font-size: 13px;font-weight: bold;}

#buildadd label{width:100px;font-size: 13px;font-weight: bold;}
#buildingSummary #clientList{width:180px;}

 .list1 {
    float: left;
    height: 35px;
    margin-right: 40px;
    }
    .img_ph {
    background-image: url("/img/ph_img.png");
    background-repeat: no-repeat;
    height: 31px;
    margin-left: 10px;
    width: 140px;
    }
    .img_ph p {
    color: #41565E;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 31px;
    padding-left: 20px;
    }
.uploadPopupBtn{background: none repeat scroll 0 0 #1B7DA2;border-radius: 5px;color: #FFFFFF !important;font-weight: bold;margin-top: 10px;padding: 4px 8px;text-decoration: none;}
.uploadedDoc {float: left;margin-top: 13px; font-size: 13px; font-weight: bold;}
.upDocRemoveBtn {float: left; margin-top: 13px; margin-left: 10px; font-weight: bold;}

.directorWrap{padding-left:5px; margin-top:13px; float:left; margin-right:40px; }
.directorWrap .selLbl {float:left;}
.directorWrap .selInput { float:left; margin-left:10px;}

th.ui-th-column div{
    white-space:normal !important;
    height:auto !important;
    padding:2px;
}


/*
.arrowpoint {position:absolute;top:0;right:0;font-size:8px;color:#cccccc;} 
.arrowpoint a {color:#cccccc;text-decoration:none;font-weight:normal;} 
.arrowpoint a:hover {color:#cccccc;text-decoration:none;font-weight:normal;} 
.arrow {text-align:left;font-size:24px;font-family:Georgia;color:#000000;width:1px;height:2px;position:relative;background:#1B7DA2;border:1px solid #F0F0F0;margin:1px 1px 5px 1px;padding:5px;} 
.arrow:after, .arrow:before {top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;} 
.arrow:after {border-top-color:#1B7DA2;border-width:10px;margin-left:-10px;} 
.arrow:before {border-top-color:#F0F0F0;border-width:10px;margin-left:-10px;}
*/


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 20%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

#grid .date-select {
    outline:0;
    background:none;
    border:none;
    text-decoration:underline;
    color:blue;
    width:110px;
}

.date-select:hover {
    cursor:pointer;
}
.fleft{float:left}
.lableleft{background: none repeat scroll 0 0 #e1e1e1 !important;padding: 5px 45px 10px 45px ;display: block; width: 150px;float:left;margin-left:25px;}
.frame{padding:20px}
.smallframe{padding:20px;width:550px;}
.input_class{width:200px;margin-left:50px;float:left}
.submit{margin-left: 336px;}
th{background-color:#E1E1E1;padding:1% 1%}