* {
	margin:0;
	padding:0;
}

body
{
  background:url(../images/bg-main.gif) repeat;
  font-family:Tahoma, Arial, Verdana, sans-serif;
  font-size:11px;
  height:100%;
}

.clr {
	clear:both;
}

img {
	border:0;
}

#navwrapper {
	background:url(../images/bg-topBar.gif) repeat-x 0 top;
}

#leftCol {
	background:#e8e9ea url(../images/img-sptr.gif) no-repeat right 40px;
	width:208px;
	min-height:607px;
	padding-right:9px;
	padding-top:41px;
	position:relative;
	/*float:left;*/
}

#leftCol .hd {
	background:url(../images/bg-topBar.gif) repeat-x 0 top;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

#leftCol .hd h1 {
	background:url(../images/hd-lftCol2.gif) no-repeat right top;
	height:41px;
	text-indent:-9999em;
}

#leftCol .tabs {
	background:#dde3ea url(../images/bg-tabs.gif) repeat-x 0 top;
	height:56px;
}

#leftCol .tabs .site,
#leftCol .tabs .site-active {
	background:url(../images/btn-site.gif) no-repeat 0 0;
	display:block;
	width:51px;
	float:left;
	height:56px;
	margin-left:1px;
}

#leftCol .tabs .site:hover,
#leftCol .tabs .site-active {
	background:url(../images/btn-site-ro.gif) no-repeat 0 0;
}

#leftCol .tabs .find,
#leftCol .tabs .find-active {
	background:url(../images/btn-find.gif) no-repeat 0 0;
	display:block;
	width:50px;
	height:56px;
	float:left;
	margin-left:1px;
}

#leftCol .tabs .find:hover,
#leftCol .tabs .find-active {
	background:url(../images/btn-find-ro.gif) no-repeat 0 0;
}

#leftCol .tabs .filter,
#leftCol .tabs .filter-active {
	background:url(../images/btn-filter.gif) no-repeat 0 0;
	display:block;
	width:50px;
	float:left;
	height:56px;
	margin-left:1px;
}

#leftCol .tabs .filter:hover,
#leftCol .tabs .filter-active {
	background:url(../images/btn-filter-ro.gif) no-repeat 0 0;
}

#leftCol .tabs .more,
#leftCol .tabs .more-active {
	background:url(../images/btn-more.gif) no-repeat 0 0;
	display:block;
	width:52px;
	float:left;
	height:56px;
	margin-left:1px;
}

#leftCol .tabs .more:hover,
#leftCol .tabs .more-active {
	background:url(../images/btn-more-ro.gif) no-repeat 0 0;
}

#leftCol .search {
	background:url(../images/bg-searchMain.jpg) no-repeat 0 0;
	height:39px;
	position:relative;
}

#leftCol .search input.field {
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:11px;
	color:#797979;
	border:0;
	width:162px;
	position:absolute;
	left:14px;
	top:12px;
}

#leftCol .search .btn {
	position:relative;
	top:12px;
	right:14px;
}


#leftCol .search-results {
	padding:6px 10px;
}

#leftCol .search-results h3 {
	position:relative;
	height:14px;
	font-size:9px;
	margin:0 0 2px;
}

h3.formhead {
	background:#494444 url(../images/bg-panelsHeading.gif) repeat-x;
	font-size:12px;
	font-family:Arial;
	color: white;
	margin:0 0 2px;
	height:31px;
	line-height:31px;
	padding-left:8px;
}


#leftCol .search-results h3 span {
	font-size:9px;
	color:#939394;
	position:absolute;
	top:2px;
	right:0;
}

#leftCol .search-results select {
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:11px;
	border:1px solid #868686;
	width:188px;
}

#leftCol .search-results p {
	color:#747475;
	font-size:8px;
	margin:2px 0 0;
}

#leftCol .btnFtr {
	background:url(../images/bg-ftrBtn.jpg) no-repeat 0 0;
	height:25px;
	position:relative;
	text-align:right;
}

#leftCol .btnFtr .loading {
	position:absolute;
	left:11px;
	top:0;
}

.fields-listing {	
	list-style:none;
}

.fields-listing li {
	background:url(../images/sptr-siteDetails.gif) no-repeat 0 bottom;
	padding-bottom:2px;
	width:208px;
	float:left;
	font-size:10px;
}

.fields-listing .lftCol {
	width:57px;
	float:left;
	margin:1px 0;
	height:19px;
	line-height:19px;
	color:#000;
	text-align:right;
	font-size:0.9em;
	padding-right:2px;
	border-right:1px solid #cccdce;
	
}

.fields-listing .rgtCol {
	width:142px;                                         
	float:left;
	margin:1px 0;
	height:12px;
	line-height:19px;
	color:#8c8c8c;
	padding-left:6px;
	font-size:10px;
}

select {font-size: 10px;} 

.fields-listing .col4 .rgtCol {
	width:50px;
	
}
.fields-listing .col4 .rgtCol .textboxSmall{
	width: 35px;
	height:12px;
	font-size:10px;
}
.fields-listing .rgtCol .textboxLong{
	
	height:12px;
	font-size:10px;
	
}
.fields-listing .col4 .rCol2 {
	float:left;
	height:19px;
	line-height:19px;
	width:28px;
	text-align:right;
	padding-right:7px;
	border-right:1px solid #cccdce;
	margin:1px 0;
	color:#000;
}

.fields-listing .col4 .rCol3 {
	float:left;
	height:19px;
	line-height:19px;
	width:42px;
	padding-left:7px;
	margin:1px 0;
	color:#8c8c8c;
}

.fields-listing .last {
	background:none;
}

.fields-listing .dropDown {
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:11px;
	width:138px;
	height:18px;
}

.fields-listing input {
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:11px;
	border:1px solid #8c8c8c;
	width:132px;
	padding:1px 2px;
	margin-top:1px;
	*margin-top:0;
}

.fields-listing .col4 input {
	width:45px;
}

.fields-listing .col4 .rCol3 input {
	width:31px;
}

.fields-listing li a {
	color:#4b9be7;
	text-decoration:none;
}

.fields-listing li a:hover {
	text-decoration:underline;
}

.position {
	list-style:none;
}

.position li {
	background:transparent url(../images/sptr-siteDetails.gif) no-repeat scroll 0 bottom;
	font-size:10px;
	padding-bottom:2px;
	width:208px;
}

.position .headings {
	background:url(../images/bg-hdPosition.jpg) no-repeat 0 0;
	height:32px;
}

.position .headings div {
	float:left;
	height:32px;
	line-height:32px;
	font-size:10px;
}

.position .headings .pos,
.position .headings .rot {
	background:url(../images/ico-position.gif) no-repeat 25px center;
	padding-left:41px;
	width:62px;
}

.position .headings .rot {
	background:url(../images/ico-rotation.gif) no-repeat 25px center;
}

.position .colA {
	color:#000000;
	float:left;
	height:19px;
	line-height:19px;
	margin:1px 0;
	padding-right:7px;
	text-align:right;
	width:103px;
}

.position .colB {

	float:left;
	font-size:10px;
	padding-bottom:2px;
	width:105px;
}

.field-buttons {
	background:url(../images/bg-btns-siteDetails.gif) repeat-x 0 bottom;
	height:30px;
	padding:7px 0 0 6px;
	width:200px;
}

.moreShadow {
	background:url(../images/shadow-innerMore.gif) repeat-x 0 top;
}


#equipment-details .position {
background:url(../images/equm-listingBG.jpg) repeat-y center
}

#equipment-details .position {
	float:left;
}

#equipment-details .position li.headings {
	height:30px;
	padding-top:0px;
}

#equipment-details .position li {
	overflow:hidden;
	height:21px;
	/*padding-top:4px;*/
}

#equipment-details .position .colA {
	color:#000000;
	float:left;
	height:19px;
	margin:1px 0;
	*margin:0;
	padding-right:7px;
	overflow:hidden;
	text-align:right;
	width:99px;
	color:#8C8C8C;
}

#equipment-details .position .colB {
	float:left;
	overflow:hidden;
	font-size:10px;
	width:99px;
	height:19px;
	margin:1px 0;
	*margin:0;
	padding:0;
	line-height:19px;
	color:#8C8C8C;
}

#equipment-details .position .sptr {
	border-right:1px solid #CCCDCE;
}

#equipment-details .position label {
	float:left;
	font-size:9px;
	color:#000000;
	width:26px;
	height:19px;
	padding-right:7px;
	text-align:left;
	padding-left:10px;
	font-family:Tahoma;
}

#equipment-details .position input {
	font-size:10px;
	float:left;
	width:38px;
	height:17px;
	border:#cfcfcf solid 1px;
}


.rgtcol .spin .changeValu {
	width:13px;
	float: right;
}

.rgtcol .spin input.numerictb {
	font-size:10px;
	float:left;
	width:38px;
	height:17px;
	border:#cfcfcf solid 1px;
}

.rgtcol .spin .changeValu a {
	display:block;
	font-size:0px;
	line-height:normal;
}

.rgtcol .spin {
	float:left;
	height:38px;
	text-align:left;
	width:50px;
	color:#8C8C8C;
}	



#equipment-details .position .changeValu2 {
	float:left;
	width:auto;
	padding-left:10px;
}

#rgtCol {
	background:url(../images/bg-topBar.gif) repeat-x 0 top;
	/*float:left;
	width:948px;*/
	padding:41px 0 10px;
	position:absolute;
	left:0;
	right:0;
	top:-1px;
	margin-left:217px;
}

#rgtCol .loginArea {
	position:absolute;
	top:10px;
	right:10px;
	color:#fff;
	width:200px;
	height:22px;
	text-align:right;
}

#rgtCol .loginArea strong {
	position:absolute;
	top:3px;
	left:0;
}

#rgtCol .view-point { position:absolute; top:11px; left:10px; font-size:12px; }
#rgtCol .view-point label { float:left; margin-top:1px; margin-right:8px; color:#fff; }
#rgtCol .view-point select { float:left; padding:2px; font-size:12px; margin-right:5px; }
#rgtCol .view-point input.go { float:left; margin-top:-1px; }

#rgtCol .welcome {
	color:#fff;
	font-weight:bold;
	position:absolute;
	top:12px;
	right:0;
}

#rgtCol .welcome a {
	color:#fff;
	text-decoration:none;
}

#rgtCol .welcome a:hover {
	text-decoration:underline;
}

#rgtCol .signUp {
	color:#fff;
	font-weight:bold;
	position:absolute;
	top:12px;
	right:0;
}

#rgtCol .signUp input {
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:12px;
	background:url(../images/bg-topBar.gif) repeat-x 0 -39px;
	color:#fff;
	border:0;
	padding:2px 2px;
}

#rgtCol .signUp label {
	margin:0 5px 0 10px;
}

#rgtCol .signUp .btn {
	font-weight:bold;
	background-position:0 -5px;
	border:1px solid #6f6e6e;
	padding:0;
	cursor:pointer;
}


#contentwrapper {

}

p {margin: 0.5em 10px;}

#btngo {

}

#btnsmallgo {

}

#btnsearch {

}

.navigation {

}

.navigation a {

}

.navigation a:hover {

}

.navigation a.active {

}


/* ---- For 3DUTIL ---- */
#leftCol .tabs3d {
	background:#dde3ea url(../images/bg-tabs.gif) repeat-x 0 top;
	height:56px;
	border-bottom:1px solid #929191;
	margin-bottom:10px;
}

#leftCol .tabs3d .btn-3dutil,
#leftCol .tabs3d .btn-3dutil-active {
	background:url(../images/btn-3dutil.jpg) no-repeat 0 0;
	display:block;
	width:51px;
	float:left;
	height:56px;
	margin-left:1px;
}

#leftCol .tabs3d .btn-3dutil:hover,
#leftCol .tabs3d .btn-3dutil-active {
	background:url(../images/btn-3dutil-ro.jpg) no-repeat 0 0;
}

#leftCol .modelUrl {
	padding:6px 10px;
}

#leftCol .modelUrl h3 {
	font-size:11px;
	margin:0 0 2px;
}

#leftCol .modelUrl input {
	border:1px solid #8C8C8C;
	font-family:Tahoma,Arial,Verdana,sans-serif;
	font-size:11px;
	margin-top:1px;
	padding:1px 2px;
	width:152px;
}

#leftCol .modelUrl input.btn {
	width:auto;
	cursor:pointer;
	font-weight:bold;
	padding:0 2px;
}

#leftCol .models {
	padding:6px 10px;
}

#leftCol .models h3 {
	font-size:11px;
	height:14px;
	margin:0 0 2px;
}

#leftCol .models select {
	border:1px solid #868686;
	font-family:Tahoma,Arial,Verdana,sans-serif;
	font-size:11px;
	width:188px;
}

#leftCol .preview {
	padding:6px 10px;
}

#leftCol .preview h3 {
	font-size:11px;
	height:14px;
	margin:0 0 2px;
}

#leftCol .preview .x3d {
	width:120px;
	height:120px;
	overflow:hidden;
	background-color:#000;
	margin:5px auto;
	color:#fff;
}

#leftCol .insertion-point h3 {
	font-size:11px;
	height:14px;
	margin:0 0 2px;
	padding:6px 10px;
}

#leftCol .insertion-point .fields-listing li {
	background:url(../images/sptr-siteDetails.gif) no-repeat 0 top;
	padding-top:2px;
	padding-bottom:0;
}

#leftCol .insertion-point .fields-listing li.last {
	padding:1px 0 !important;
	height:2px !important;
}

#leftCol .insertion-point .fields-listing .lftCol {
	width:26px;
}

#leftCol .insertion-point .fields-listing input {
	width:70px;
}

#leftCol .insertion-point .btn {
	padding:6px 10px;
}

#leftCol .insertion-point .btn input,
#leftCol .insertion-point .btn a {
	cursor:pointer;
	font-weight:bold;
	padding:2px;
	border:1px solid #8C8C8C;
	font-family:Tahoma,Arial,Verdana,sans-serif;
	font-size:11px;
	margin-right:6px;
	color:#000;
	text-decoration:none;
	background-color:#f0f0f0;
}

#rgtCol .x3d-big {
	width:944px;
	height:607px;
	background-color:#000;
	overflow:hidden;
	color:#fff;
}

/* Styles added on 14th Feb by Raheel Ayub */
.field-buttons a,
.field-buttons img { float:left; }

.field-buttons .dropMenu { position:relative; height:22px; float:left; }
.field-buttons .dropMenu .submenu { position:absolute; top:-48px; left:30px; z-index:10000; background:#ededed; border:1px solid #b8b8b8; width:80px; display:none; min-height:100px; }
.field-buttons .dropMenu .submenu a { display:block; padding:2px; border-bottom:1px solid #b8b8b8; float:none; text-decoration:none; color:#838383; }
.field-buttons .dropMenu .submenu a:hover { background:#f6f6f6; color:#3c3c3c; }

.field-buttons .dropMenu:hover .submenu { display:block; }

.fields-listing .parent-section .rgtCol { height:19px; width:200px; }
.fields-listing .parent-section .rgtCol input { background:#e8e9ea; border:none; cursor:text; color:#8C8C8C; font-size:10px; width:194px; }

.alarm-details-listing .lftCol { width:75px; }
.alarm-details-listing .rgtCol { width:119px; }
.alarm-details-listing .rgtCol input { width:110px; }


.heading-btnGo { position:relative; }
.heading-btnGo a { position:absolute; top:0; right:4px; }

.login-form { position:absolute; top:0; left:0; width:100%; height:120%; z-index:6000; background:url(../images/bg-main.gif) repeat; } 
.login-form .login { background:#e8e9ea; border:5px solid #c1c1c1; width:240px; height:130px; position:absolute; top:30%; left:39%; padding:20px; }
.login-form .login label { display:block; margin-bottom:2px; font-weight:bold; }
.login-form .login input { border:1px solid #8C8C8C; font-family:Tahoma,Arial,Verdana,sans-serif; font-size:11px; margin-top:1px; padding:1px 2px; width:232px; margin-bottom:10px; }
.login-form .login input.button { width:auto; font-weight:bold; cursor:pointer; }

.login-form .login .invalid { font-weight:bold; color:red; margin-top:-3px; }

.sub-heading-roomDtls { font-size:10px; color:#636262; padding:7px 11px; margin-top:-2px; background:#e8e9ea; border-bottom:1px solid #afafaf; }
.tabs-small { background:url(../images/bg-smallTab-bar.jpg) repeat-x 0 top; height:31px; list-style:none; }
.tabs-small li { float:left; background:url(../images/bg-tab-small2.png) no-repeat right top; padding:0 14px 0 0; margin-top:11px; position:relative; }
.tabs-small li a { display:block; float:left; background:url(../images/bg-tab-small.png) no-repeat left top; color:#e8e9ea; text-decoration:none; padding:3px 0 3px 16px; }
.tabs-small li a:focus { outline:none; }

.tabs-small li.stab1 { z-index:3; }
.tabs-small li.stab2 { margin-left:-10px; z-index:2; }
.tabs-small li.stab3 { margin-left:-10px; z-index:1; }

.tabs-small li.active { z-index:3; }
.tabs-small li.inActive { z-index:1; }

.rack-children .position,
#siteDetails .position { background:url(../images/equm-listingBG.jpg) repeat-y center }

.rack-children .position,
#siteDetails .position { float:left; }

.rack-children .position li.headings,
#siteDetails .position li.headings { height:30px; padding-top:0px; }

.rack-children .position li,
#siteDetails .position li { overflow:hidden; height:21px; /*padding-top:4px;*/ }

.rack-children .position .colA,
#siteDetails .position .colA { color:#000000;	float:left; height:19px; margin:1px 0; *margin:0; padding-right:7px; overflow:hidden; text-align:right;	width:99px;	color:#8C8C8C; }

.rack-children .position .colB,
#siteDetails .position .colB { float:left; overflow:hidden; font-size:10px;	width:99px;	height:19px; margin:1px 0; *margin:0; padding:0; line-height:19px; color:#8C8C8C; }

.rack-children .position .sptr
#siteDetails .position .sptr { border-right:1px solid #CCCDCE; }

.rack-children .position label,
#siteDetails .position label { float:left; font-size:9px;	color:#000000; width:26px; height:19px;	padding-right:7px; text-align:left;	padding-left:10px; font-family:Tahoma; }

.rack-children .position input,
#siteDetails .position input { font-size:10px; float:left; width:38px; height:17px;	border:#cfcfcf solid 1px; }

.rack-children .position .changeValu,
#siteDetails .position .changeValu { float:left; width:13px; }

.rack-children .position .changeValu a,
#siteDetails .position .changeValu a { display:block; font-size:0px; line-height:normal; }

.rack-children .position .changeValu2
#siteDetails .position .changeValu2 { float:left; width:auto; padding-left:10px; }


.get-status-page { width:280px; height:120px; background:#fff; /*border:1px solid #d9d9d9;*/ overflow-y:auto; padding:6px; margin:1%; }
.get-status-page table { border-collapse:collapse; }
.get-status-page table td { border-bottom:1px solid #f3f3f3; border-right:1px solid #f3f3f3; padding:3px; }
.get-status-page table td.last { border-right:none; }
.get-status-page .links-btm { padding:3px; margin:0; color:#afafaf; }
.get-status-page .links-btm a { color:#4b9be7; text-decoration:none; }
.get-status-page .links-btm a:hover { text-decoration:underline; }

#rgtCol .footer-right { background:url(../images/bg-frameFooter.jpg) repeat-x 0 top; height:27px; line-height:27px; padding:0 15px; position:absolute; bottom:-15px; left:0; right:0; /*width:918px;*/ color:#fff; }
#rgtCol .footer-right span { margin-right:20px; }


/* ---New Styles for jQuery Tree--- */
.treeMenu-container { height:250px; overflow:auto; padding:5px 0; font-size:13px; }
.rackLookup-box .lftCol { width:200px; border-right:none; text-align:left; }
.rackChildren-box {  }
.rackChildren-box .headings .rot,
.rackChildren-box .headings .pos { background:none; padding:0; width:103px; text-align:center; }
.rackChildren-box li .label { width:93px; padding:0 5px; float:left; color:#000000; font-family:Tahoma, Geneva, sans-serif; font-size:9px; height:19px; line-height:19px; margin:1px 0; }
.rackChildren-box li .value { width:93px; padding:0 5px; float:left; color:#8C8C8C; font-family:Tahoma, Geneva, sans-serif; font-size:9px; height:19px; line-height:19px; margin:1px 0; }

.filetree span.building,
.filetree li.expandable span.building { background:url(../images/ico-building.gif) no-repeat left top; padding-left:20px; }
.filetree span.floor,
.filetree li.expandable span.floor { background:url(../images/ico-floor.gif) no-repeat left top; padding-left:20px; }
.filetree span.room,
.filetree li.expandable span.room { background:url(../images/ico-room.gif) no-repeat left top; padding-left:20px; }
.filetree span.aisle,
.filetree li.expandable span.aisle { background:url(../images/ico-aisle.gif) no-repeat left top; padding-left:20px; }
.filetree span.rack,
.filetree li.expandable span.rack { background:url(../images/ico-rack.gif) no-repeat left top; padding-left:20px; }
.filetree span.shelf,
.filetree li.expandable span.shelf { background:url(../images/ico-shelf.gif) no-repeat left top; padding-left:20px; }
.filetree span.card,
.filetree li.expandable span.card { background:url(../images/ico-card.gif) no-repeat left top; padding-left:20px; }
.filetree span.port,
.filetree li.expandable span.port { background:url(../images/ico-port.gif) no-repeat left top; padding-left:20px; }
.filetree span.structure,
.filetree li.expandable span.structure { background:url(../images/ico-structure.gif) no-repeat left top; padding-left:20px; }

.filetree span.folder a { color:#000; text-decoration:none; }
.filetree span.folder a:hover { color:red; }

.filetree span.prop-child { cursor:pointer; }
.filetree span.prop-child:hover { color:red; }

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

#leftCol.ui-resizable { overflow:visible !important; height:auto !important; } 
#leftCol .ui-resizable-e { background:#d4d5d5 url(../images/img-sptr.gif) no-repeat -1px 0px; display:block !important; right:0 !important; top:40px; width:7px; border-right:1px solid #7c7c7c; border-left:1px solid #b1b2b2; }
#leftCol .ui-resizable-s { display:none !important; }
#leftCol .ui-resizable-handle { z-index:5000; }