/* -------------------- page width styles -------------------- */    
#aspnetForm{ overflow: hidden; /*Removes white space when browser is resized*/
}
.body-wrapper {
    overflow: hidden;
    width: 100%;
} 
#master-header{
	background-color: #3e3e3e; 
	padding: 20px 0 0 0; 
	width: 980px;
}
html body #s4-workspace {
    overflow-y: auto; /*Removes the scroll bar when not in use*/
}
/*----Header Logo n Background -----*/
.header-content{ background: url(images/logo-BackGround.png) no-repeat;
}
.logo{ margin: 33px 0 34px 30px;
}
/*
.main-content{
	overflow: hidden
}
*/
/* --------------------- Sign-in and log-out Menu --------------------- */
.singin-wrap {
    background: url(images/signIn-New-icon.gif) no-repeat;
    float: right;
    padding-right:62px;
}
.bs_sign_main {
    font-family: inherit;
    font-size: inherit;
    display: block;
    margin: 0 3px;
    padding: 11px 0 11px 36px;
    border: none;
}
.ms-welcomeMenu.ms-SpLinkButtonActive{
    background: none;
    border: 0;
}
.bs_sign_main a{
    color: #00a14a;
    display: block;
    text-decoration: none;
    margin: 0;
}
.bs_sign_main a:link, 
.ms-SPLink a:link, 
.ms-SPLink a:visited{
    color: #00a14a;
}
.bs_sign_main a:hover{
    text-decoration: underline;
}

/* ------------------- Breadcrumds styles -------------------- */
.breadcrumbs-hold{
    background: #fff url(images/bread-boarder-img.gif) repeat-x 0 35px;
    padding: 12px 10px 12px 30px;
}
.breadcrumbs-hold a{
    color: #3a3a3a;
    text-decoration: none;
}
.breadcrumbCurrentNode{
    Color: #999;
} 	

/* -------------------- Style reset -------------------- */
h1{margin: 0;
}
img, a{border: 0;
}    
.s4-ca{margin: 0;
}
div.article{
	padding: 0;
}
div.welcome{
	clear: both;
	padding-left: 6px;
}
html body, html .wide-page #s4-workspace, html body .ms-WPBody{
    color: #333;
    background: none repeat #fff;
    font: 12px Arial, Verdana, sans-serif;
    margin: 0;
    padding: 0;
}
html body .ms-WPBody{
    background-color: transparent;
}
html body .ms-WPBody p{
    font-size: 12px;
    padding-top: 12px;
}

/* -------------------- Start of Registration Page ------------------- */ 
.page-wrapper{
    overflow: hidden;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%
}
.page-wrap2{
    float: none !important;
    height: 1%;
    overflow: hidden;
    padding:30px  20px 40px 10px;
    width: auto
}
#pageW{
    position: relative;
    width: 660px
}
#main-content{
    background-color:#fafafa;
    border: 1px solid #d9d9d9;
    float: left;
    padding: 19px;
    width:660px;
    min-height: 825px;
}
#main-content h1, h1{
    color:#00a14a;
    font-weight: 100;
    text-transform: uppercase;
}
.Top-img-left{
    position: absolute;
    right: 604px;
    top: -10px;
}
.Top-img-right{
    position: absolute;
    right: 255px;
    top: -10px;
}
.required-field{
    color:#9ec66c;
    font:italic 11px Arial, Verdana, sans-serif;
    padding-left: 214px;
}
    
/*Styles are shared with other input boxes, ex: About me page*/
.input-box-wrap select{
    color: #666666;
    font: 11px Arial, Verdana, sans-serif;
    padding: 2px 1px 3px;
   
    border-color: #8E8E8E #B8B8B8 #B8B8B8 #8E8E8E;
    border-style: solid;
    border-width: 1px;
    width: 230px;
} 
.info-wrap-two .input-box-wrap, .info-wrap .input-box-wrap, .s4-wpcell-plain .ms-WPBody .right-col .input-box-wrap{height: 40px;}
.input-box-wrap, .input-box-wrap input, .textarea-box-wrap{
    color:#666;
    font:11px Arial, Verdana, sans-serif;
    margin-bottom: 5px;
    width: 226px;}
    
.correct-format-text{color: #9EC66C;}
.textarea-box-wrap textarea{width: 200px;}
    
.input-box-wrap input,.textarea-box-wrap textarea, .main-content .info-wrap-two .RadUpload .ruStyled .ruFileInput, .main-content .info-wrap-two .RadUpload .ruFakeInput{
    display: block;
    border-color: #8E8E8E #B8B8B8 #B8B8B8 #8E8E8E;
    border-style: solid;
    border-width: 1px;
    padding: 2px 1px 3px;
}
.sign-checkbox{margin: 25px 0;}
	
.password-links{
    margin: 20px 0;
}
.password-links a{
    color:#333;
    display:block;
    padding: 6px 0;
}
.password-links a:hover{
    color:#00a14a;
}
.left-col{
    float:left;
    width:330px;
}
.ms-WPBody .right-col{
    border-left: 1px solid #d9d9d9 !important;
    float:right;
    padding:0 0 0 20px;
    width:309px;
    min-height:825px;
}
#right-nav{
    float:right;
    margin:0;
    padding:0;
    width: 240px;
}
#right-nav h3{
    color:#333;
    font-size: 16px;
    text-align:center;
    margin:8px 0 7px 0;
}
.right-nav-col{
    background-color:#fafafa;
    border: 8px solid #efefef;
    margin: 0 0 10px 0;
    width: 224px;
}
.right-nav-col ul{
    color:#666;
    line-height:25px;
    margin: 0;
    padding: 0 0 10px 5px;
    list-style: none;
}
.right-nav-col ul li{
    background: url(images/green-dot.png) no-repeat 0 11px;
    padding-left: 8px;
}
.remember-checkbox, .RadGrid_Default .rgSelectedRow .rad-radio-button, .rgAltRow .rad-radio-button, .rgRow .rad-radio-button  {
    margin: 0 0 5px 0;
}
.RadGrid_Default .rgSelectedRow .show-mybuildings, .rgAltRow .show-mybuildings, .rgRow .show-mybuildings 
{
   margin: 0 0 25px 0; 
}
.mybuildings-mode {
    float: right;
    margin: 0 10px 10px 0;
}
.mybuildings-mode .mybuildings-save {
    margin-left: 5px;
    vertical-align: middle;
}
.remember-checkbox span{
    color:#666;
}
.need-help a{
    color:#333 !important;
    font: 12px Arial,Verdana,sans-serif;
    text-decoration: underline !important;
    background: url("images/questionMark-Button.gif") no-repeat;
    padding: 0 0 5px 20px;
}
.signin-wrap{
    margin: 30px 0;
}
.pointcare-Img{
    margin: 29px 0;
}
#right-nav #zone3-123layout .right-nav-col .s4-wpcell-plain .s4-wpTopTable #WebPartWPQ3{
    color: #333333;
    font: bold 16px Arial, Verdana, sans-serif !important;
    margin: 8px 0 7px;
    text-align: center;	
}

/* --------------------- Start of Forgot Password Page ------------------- */
.singin-holder{
    background: url(images/pencil-signOut-Icon.gif) no-repeat;
    float: right;
    padding-right:62px;
}
.help-icon {
    float:right;
    display: none; /* ------------Help Icon Is not being used at this Time.-------------*/
}
.help-icon a{
    color:#333;
    font: 13px Arial,Verdana,sans-serif;
    background: url(images/help-icon.png) no-repeat;
    text-decoration: underline;
    padding: 0 0 1px 20px;
}
.help-icon a:hover{
    color: #00a14a;
    background: url(images/help-icon.png) no-repeat 0 -16px;
}
#pass-main-content{
    background-color:#fafafa;
    border: 1px solid #d9d9d9;
    float: left;
    padding: 19px 25px 19px 19px;
    width:516px;
    min-height: 327px;
}
#pass-main-content h1{
    color:#00a14a;
    font-weight:100;
    margin: 5px 0 0 0;
}
#pass-main-content p{
    line-height: 20px;
    margin: 8px 0;
}
.pass-field-wrapper{
    width: 400px;
}
.row{
    float: left;
    padding-bottom: 22px;
    width: 100%;
}
.first{
    font: 12px Arial,Verdana,sans-serif;
    color:#666;
    float:left;
    font-size:12px;
    padding-top:5px;
    text-align:right;
    width:19%;
}
.input-box{
    float:left;
    padding: 0 0 0 5px;
    width:38%;
}
.row .input-box input{
    padding: 2px 5px;
    width: 110%;
}	   
.need-help{
    float: left;
    width: 65%;
}
.forgot-question{
    font: 12px Arial,Verdana,sans-serif;
    float: left;
    width: 100%;
    padding: 22px 0 9px 0;
}
.forgot-question span{
    color:#666;
}
.forgot-question span:last-child{
    color:#333;
}
.password-sign-in-button, .password-sign-in-button a{
    background:none;
    float:right;
    padding:0 1px;
}
.password-sign-in-button input{
    text-indent: 110px;
    background: url("images/signIn-Button.gif") repeat-x scroll 0 100% transparent;
    border: 0;
    width: 101px;
    height: 25px;
}

/* -------------------- Start of Nav -------------------- */
#RadMenu-Holder .RadMenu_Telerik .RadMenu, 
#RadMenu-Holder .RadMenu_Telerik{
    background: url("images/boarder-px.gif") repeat-x scroll 0 100% transparent;
    line-height: 28px;
    list-style: none outside none;
    overflow: hidden;
    margin: 30px 0 0 0;
    padding: 0;
    width:868px;
}
#RadMenu-Holder .RadMenu_Telerik .rmRootGroup, 
#RadMenu-Holder .RadMenu_Telerik .rmRoundedCorners, 
#RadMenu-Holder .RadMenu_Telerik .rmShadows, 
#RadMenu-Holder .RadMenu_Telerik .rmHorizontal, 
#RadMenu-Holder .RadMenu_Telerik .RadMenu ul.rmVertical, 
#RadMenu-Holder .RadMenu_Telerik .RadMenu ul.rmRootScrollGroup, 
#RadMenu-Holder .RadMenu_Telerik .RadMenu_Context ul.rmHorizontal {
    background: url("images/boarder-px.gif") repeat-x scroll 0 100% transparent;
    text-align:center;
    line-height: 35px;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#RadMenu-Holder .RadMenu_Telerik .trmRootGroup li:first-child, 
#RadMenu-Holder .RadMenu_Telerik .rmRoundedCorners li:first-child, 
#RadMenu-Holder .RadMenu_Telerik .rmShadows li:first-child, 
#RadMenu-Holder .RadMenu_Telerik .rmHorizontal li:first-child,
{
    background: none repeat scroll 0 0 transparent;
    padding: 0;}
#RadMenu-Holder .RadMenu .rmHorizontal .rmItem {
    text-align:center;
    float: left;
    margin-right:1px;
    border-top: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
}
#RadMenu-Holder .RadMenu_Telerik .rmHorizontal .rmItem > a.rmRootLink {
    color: #999;
    float: left;
    padding: 0 15px;
    text-decoration: none;
    width: 95px;
}	
#RadMenu-Holder .RadMenu_Telerik .rmRootGroup .rmItem .rmFocused,
#RadMenu-Holder .RadMenu_Telerik .rmRootGroup .rmItem .rmLink:hover, 
#RadMenu-Holder .RadMenu_Telerik .rmRootGroup .rmItem a.rmFocused, 
#RadMenu-Holder .RadMenu_Telerik .rmRootGroup .rmItem a.rmSelected {
    color:#333;
    background: url("images/nav-tab-gradient.gif") repeat-x scroll 0 0 transparent;
}	
#RadMenu-Holder .RadMenu_Telerik, 
#RadMenu-Holder .RadMenu_Telerik a.rmLink {
    color:#999; 
    font: inherit; 
    text-decoration: none;
} 
#RadMenu-Holder .RadMenu_Telerik .rmRootGroup {
    background-color: transparent;
    background-position: 0;
    background-repeat: repeat-x;
    border: 0;
}
#RadMenu-Holder .RadMenu_Telerik a.rmLink, 
#RadMenu-Holder .RadMenu_Telerik a.rmDisabled, 
#RadMenu-Holder .RadMenu_Telerik a.rmDisabled:hover {
    background-position: 0;
}
#RadMenu-Holder .RadMenu_Telerik .rmRootGroup, 
#RadMenu-Holder .RadMenu_Telerik a.rmLink, 
#RadMenu-Holder .RadMenu_Telerik .rmGroup .rmText, 
#RadMenu-Holder .RadMenu_Telerik .rmVertical .rmText, 
#RadMenu-Holder .RadMenu_Telerik .rmLeftArrow, 
#RadMenu-Holder .RadMenu_Telerik .rmRightArrow, 
#RadMenu-Holder .RadMenu_Telerik .rmTopArrow, 
#RadMenu-Holder .RadMenu_Telerik .rmBottomArrow {
    background-color: transparent;
    background-image: none;
}
#RadMenu-Holder .RadMenu .rmText {
    float: none;
    padding-bottom: 0;
}
#RadMenu-Holder .RadMenu .rmHorizontal .rmText {
    padding: 0;
}   
    
/* -------------------- Start of About Me Profile page -------------------- */	
.tab-content{
    background-color:#fafafa;
    border-right:1px solid #D9D9D9;
    border-bottom:1px solid #D9D9D9;
    border-left:1px solid #D9D9D9;
    overflow: hidden;
    padding:19px;
    width:828px;
}
.top-about{margin-top: 15px;}  
.edit-header{
    text-align: right;
    background-color: #fafafa;
    padding-right: 5px;
    border: 1px solid #D9D9D9;
    margin-bottom: 1px;
}
.edit-header input, .edit-header input:active, .edit-header input:focus{
    background-color: transparent;
    text-decoration: underline;
    border: 0 none;
    margin: 2px;
    padding: 8px 0;
}
.edit-header ul li a{color:#333;}
.edit-header .edit{padding: 0 5px;}
.edit-header .delete{
    background: url(images/sep.gif) no-repeat 0 50%;
    padding: 0 8px;
}   
.info-wrap	{
    border-right: 1px solid #D9D9D9;
    float: left;
    padding: 20px 2px 0 10px;
    width: 414px;
}
.user-info{
    margin: 0 0 10px;
}
.user-info span:first-child{
    color: #666;
    font-size: 12px;
    display: inline-block;
    padding-top: 4px;
    text-align: right;
    min-width: 110px;
}
.user-info span:last-child, .optional-info p{	
    color: #333;
    padding-left: 5px;
    margin: 0px;
}
    
/*About me photo and discription styles*/ 
.info-wrap-two{
    border-left: 1px solid #D9D9D9;
    float: right;
    margin: -2px;
    min-height: 395px;
    padding: 20px 0 0 20px;
    width: 383px;}
.ms-SPZone .info-wrap-two{
    width: 44%; /*Used to fit in Webpart Edit mode*/
} 
.info-holder{
    padding-left:20px;
}
.info-holder label{
    margin-right:5px;
    min-width: 145px;
}
.per-info{
    float: left;
}
.per-info img{
    float: left;
    margin-right:10px;
}
.per-info .user-info span{
    text-align: left;
    margin-bottom: 10px;
    width: 228px;
}
.per-info .user-info .about_me_Label_wr span {
    color: #666666;
    float: left;
    font-size: 12px;
    min-width: 110px;
    padding-top: 4px;}
.about_me_Label_wr, .about_me_info_label{
	float: left;
}
/*------------------- Start of About Me Page input fields -------------------- */
.required-field-two{
    color:#9ec66c;
    font:italic 11px Arial, Verdana, sans-serif;
    padding-left:175px;
}
.tab-content .info-wrap-two{min-height:520px;}

.upload-holder{padding: 10px 0;} 
.upload-holder .upload-button{
    color:#333;
    background:url(images/upload-photo-icon.gif) no-repeat;
    padding: 8px 0 2px 60px;
}   
.bottom-button-holder{margin: 70px 0 30px;}  
.bottom-button{float:right;padding:10px 0;width:100%;}   
.bottom-button .button-1{
    background: url(images/save-button.gif) no-repeat;
    float:right;
    height:25px;
    padding:0 51px;
}
.bottom-button .button-2{
    background: url(images/cancel-button.gif) no-repeat;
    float:right;
    height:25px;
    padding:0 60px;
    margin-left:46px;
}	
.bottom-button .button-3{
    background: url(images/delete-button.gif) no-repeat;
    float:right;
    height: 25px;
    padding:0 60px;
}	         
/* ----------------------- Start of Dashboard ----------------------- */				
.dashboard h1 { 
	float: left;
}
.dashboard .dashboard-comment{ 
	clear: left;
}
.dashboard .top-part{
    float:left;
    width:80%;
    padding:15px 0;
}
.dashboard .top-part h1{ padding-bottom:5px;
}
.dashboard .input-holder{ float:left;
}
.dashboard .top-part p, 
.dashboard .input-holder .input-box-wrap{
    margin: 0;
}
.dashboard .info-section{
    color:#fff;
    background-color:#3e3e3e;
    float:left;
    width:100%;
    margin-top:10px;
}
.selection-section ,.dashboard .selection-section{ float: right;
}
.dashboard .info-section .dashboard-image img{
    float: left;
    padding: 1px;
    height: 230px;
}
.dashboard .add-section{
    float:left;
    padding: 0 20px 0 11px;
    width: 170px;
}
.dashboard .add-section a, 
.dashboard .add-section p, 
.dashboard .add-section span
.dashboard .column-section p,
.dashboard .column-section ul,
.dashboard .building-dashboard p{ 
	color:#fff;
	font-family:Arial;
	font-size:12px;
	line-height:normal;
	margin-top:12px;
}   
.dashboard .building-dashboard .building-name {
    font-size: 14px;
    font-weight: bold;
    display: block;
    /*font-family:Arial;*/
	line-height:normal;
}
.dashboard .building-dashboard .building-address-item {
    display: block;
    font-family:Arial;
	font-size:12px;
	line-height:normal;
}
.dashboard .add-section a.building-details-button,
.dashboard .column-section .quick-links a{
    color: White;
    font-weight: bold;
    text-decoration: underline;
}   
.dashboard .column-section{
    float:left;
    width:360px;
}
.dashboard .column-section ul{
    line-height: 25px;
    padding:0 0 25px 15px;
}
.dashboard .column-section ul li{
    text-decoration:underline;
}
/*Changes the space between tables*/
.dashboard .ms-PartSpacingVertical{
	margin-top: 5px;
}

/*Changes the Chrome title, color and size*/
.ms-WPTitle, .ms-WPTitle a {	
    color: #00A14A;
    font-weight: 100;
    font-size:18px;
    margin:0;}

/*Removes Chrome border from webparts*/
.main-content .ms-WPHeader td{
	border: 0;
}
/*Calendar*/ /*!important tags have been extensively used to replace inline style*/
.dashboard #dashboard-zone7 .s4-wpcell-plain,
.dashboard #dashboard-zone6 .s4-wpcell-plain{
   	height: 250px;
   	width: 412px;
}  
.dashboard #dashboard-zone7 .s4-wpcell-plain .s4-wpTopTable,
.dashboard #dashboard-zone6 .s4-wpcell-plain .s4-wpTopTable{
	border: 1px solid #D9D9D9;	
	background-color: #fff;
}

.dashboard #dashboard-zone7 .ms-WPBody{
	margin-top: 15px;
}
.dashboard #dashboard-zone7 .ms-WPHeader h3.ms-standardheader, 
.dashboard #dashboard-zone6 .s4-wpcell-plain .ms-WPTitle{
	background: url("images/bread-boarder-img.gif") repeat-x scroll 0 100% transparent;
    padding: 10px 9px;
    display: block;  
}  
.dashboard #dashboard-zone7 .ms-quickLaunch{
	margin: auto;
	width: 250px;
	border-color: #999;
	margin: 35px auto;
}     
.dashboard #dashboard-zone7 .asn-calendartitle{
	background-image: none;
	background-color: #f6f4cd;
} 
.dashboard #dashboard-zone7 .asn-calendartitle a:link,
.dashboard #dashboard-zone7 .asn-calendartitle a:visited{
	color: #333;
	text-decoration: underline;	 
}
.dashboard .ms-quickLaunch tbody tr td[colspan="7"],
.dashboard .ms-quickLaunch tbody tr td[colspan="7"] .asn-calendartitle tbody tr{
	background-color: #3e3e3e !important;
}
.dashboard .ms-WPBody .ms-quickLaunch tbody tr td[colspan="7"] .asn-calendartitle tbody tr td[style="width:15%;"] a, 
.asn-calendartitle tbody tr td a{
	color: #fff !important;
	text-decoration: none !important;
}
.dashboard .asn-calendartitle tbody tr td,
.dashboard .asn-calendartitle tbody tr td a{
	color: #fff;
	font-weight: bold;
}
/*Calendar date popup*/
.wide-page #WzBoDy{
	border-color: #999 !important;
	background-color: #f6f4cd !important;
}
.wide-page .CalendarToolTip{
	margin: 5px 0;
}
.wide-page .CalendarToolTip,
.wide-page .CalendarToolTip a,
.wide-page .CalendarToolTip a:link{
	color: #333 !important;
}
.wide-page .CalendarToolTip a:hover{
	text-decoration: underline;
}
.wide-page .CalendarToolTip{
	
    list-style: disc inside none;
}
.wide-page .CalendarToolTip a{
    background: url("images/green-dot.png") no-repeat scroll 0 6px transparent;
    padding-left: 10px;
}   
/*Latest News*/
.dashboard .News-section{
	padding: 15px;
}
.dashboard .News-section .News-date{
	float: right;
}
.dashboard .News-section .News-Holder{
	float: left;
	width: 100%;
	padding-bottom: 10px;
}
.dashboard .MoreButton{
	float: left;
	text-align: left;	
	padding: 10px 0 0 20px;
	margin-bottom: 15px;
}
.dashboard .MoreButton a, 
.dashboard .MoreButton a:visited,
.dashboard #Task-Section .MoreButton a,
.dashboard #Task-Section .MoreButton a:visited{
	color: #9EC66C;
	font-style: italic;
	font-weight: bold;	
}
.dashboard #Task-Section .Task-Details 
{
    padding-left: 15px;
}
.dashboard .MoreButton a:hover,
.dashboard #Task-Section .MoreButton a:hover{
	text-decoration: underline;
}
.dashboard #Task-Section .MoreButton a,
.dashboard #Task-Section .MoreButton a:visited{
    text-decoration: none;
}
.dashboard #News-section .Dash-User-Img 
{
    float: left;
    width: 315px;
}

.dashboard #News-section .Dash-User-Img img{
	float: left;
	width: 50px;
}
.dashboard #News-section .Dash-User-Img a{
	color: #333;
	text-decoration: underline;
	width: 255px;
	display: block;
	padding-left: 60px;
}

.dashboard #News-section .Dash-User-Img .Dash-Event-Desc 
{
    padding-left: 60px;
    width: 255px;
}

/*Weather*/
/*The Weather controller is not a webpart and we are not able to add are own inline styels, override inline styles with the important tag will be necessary*/
.dashboard .theme1MainContainer{
	width: auto !important; /*Override inline Sstyles*/
	padding: 0 10px;
	margin-bottom: 20px;
}
.dashboard .theme1MainContainer	.tableLongForecast tr td{
	width: auto;
	padding: 0;
}
.dashboard .theme1MainContainer	.forecastDivImage{
	padding: 0;
	margin: 0;
}
.dashboard .theme1MainContainer td{
	font: 11px Arial,Verdana,sans-serif;
}
.dashboard #dashboard-zone7 .ms-WPBody{
	margin: 0;
}
.dashboard .theme1MainContainer	div[style="margin:3px;padding:10px;"]{
	padding: 0 !important; /*Removes inline styles*/
	width: 366px;
	margin: 0;}
/*This is for IE fixes, other browser will recognize this*/
.dashboard .theme1MainContainer	div[style] table tr td[width="90%"]{
	color: #333;
	font-size: 20px !important;
	display: block;
	position: relative;
	left: -45px;

}
/*IE will not recognize this formatt but other browser will*/
.dashboard .theme1MainContainer	div[style="margin:3px;padding:10px;"] table tr td[width="90%"]{
	position: relative;
	top: 11px;
	left: 1px;
}
.dashboard .theme1MainContainer	div[style="margin:3px;padding:10px;"] table tr td[colspan="2"] b,
.dashboard .theme1MainContainer	div[style] table tr td[colspan="2"] b {
	color: #333;
	font-size: 15px;
	display: block;
    margin-top: -30px;
    padding-left: 103px;
}
.dashboard .theme1MainContainer div table[style="margin-left:150px;background-color:#FFFFFF;color:#000000;"],
.dashboard .theme1MainContainer div table{
	margin-left: 0 !important; /*needed to remove inline styles*/
}
.dashboard .theme1MainContainer .tableLongForecast{
	margin: 0;
	padding-top: 15px;
	width: 100%;
	border-top: 1px solid #d9d9d9;
}
.dashboard .theme1MainContainer .tableLongForecast tbody tr td{
	padding-left: 8px;
	border-left: 1px solid #D9D9D9;}	
.dashboard .theme1MainContainer .tableLongForecast .forecastImage{
	width: 75px;
}
.dashboard .theme1MainContainer .tableLongForecast .forecastWeather{
	color: #333;
	padding-top: 6px;
}
.dashboard .theme1MainContainer .tableLongForecast .forecastDate{
	padding-bottom: 12px;
	color: #333;
}
.dashboard .theme1MainContainer .tableLongForecast tbody tr td[align="center"]{
	text-align: left;
	padding-top: 10px;
}
.dashboard .theme1MainContainer .tableLongForecast tbody tr td[align="center"] p{
	margin: 0;
	color: #666;
}
.dashboard .theme1MainContainer .tableLongForecast tbody tr td[align="center"] p b{
	color: #333;
}
/*Task section*/
.dashboard #Task-Section{
	margin: 10px;
}
.dashboard #Task-Section .Task-Group{
	padding: 5px 0;
}
.dashboard #Task-Section,
.dashboard #Task-Section a:link,
.dashboard #Task-Section a:visited{
	color: #333;
}
.dashboard #Task-Section .News-date{
	font-weight: bold;
	background: url("images/green-dot.png") no-repeat scroll 0 6px transparent;
	padding-left: 15px;
}
.dashboard #Task-Section a{
	text-decoration: underline;
	padding-left: 15px;
}
.dashboard #Task-Section .MoreButton a{
	padding: 0;
}
.dashboard #Task-Section .MoreButton a:link{
    color: #9EC66C;
}
/*Graphs*/
.dashboard .form-validation-summary ul li {
    color: #666 !important; /*Needed to override inline styles*/
}
.Green-Graph-Link{
    color: #9EC66C !important;
    font-style: italic;
    font-weight: bold;
}
.Green-Graph-Link:hover{
   text-decoration: underline;
} 
/* --------------------------- Start of My Buildings Details Page -------- */	
.buiding-holder{
    background-color:#fff;
    border:1px solid #D9D9D9;
    float:left;
    clear: both;
    width: 806px;
    padding:10px;
}
.building-images{
    float:left;}
     
.building-heading/*.top-address-holder*/{
	float:left;
	margin-bottom: 35px;
}
.top-address-holder .add-section{
	color:#666;
}
.building-companies{
    color:#666;
    background: url(images/vertical-pic.gif) repeat-y 0 0;
    margin-left: -1px;
}      
.description-holder, .building-discriptionbox{
    float:right;
    width:535px;
    padding: 0 20px 0 0;
    overflow: hidden;
}
.description-holder p{
    color:#666;
    line-height: 20px;
    margin:0;
}
html body .building-discriptionbox .RadInput_Forest,  
html body .building-discriptionbox .RadInput_Forest .riTextBox, 
html body .building-discriptionbox .RadInputMgr_Forest{
    overflow: hidden;
}   
html body .building-discriptionbox .RadInput_Forest .riTextBox, 
html body .building-discriptionbox .RadInputMgr_Forest{
    color: #666;
    font: 13px Arial, Verdana, sans-serif;
    background-color: transparent;
    display: block;
    border: 0;
    padding: 0;
    width: 100% !important;
    min-height: 150px;
}
.building-image-holder {
    float: left;
    padding: 5px;
}
.building-image-holder img{
	width: 230px;
}
.building-details-holder{
    float: left;
    width: 555px;
    padding: 0 0 0 10px;
}
.building-details-holder .building-address-holder{
	background: url(images/vertical-pic.gif) repeat-y right 4px;
    float: left;
    width: 260px;
	padding: 0
}
.building-details-holder .building-address-holder .building-name { margin: 0 0 5px; }				
.building-details-holder .building-address-holder .building-name span, .building-details-holder .building-address-holder building-companies span{color: #666;}
.building-details-holder .building-address-holder .building-address-item { display: block; }
.building-details-holder .building-address-holder a.edit-building-profile { display: block; margin: 10px 0; }
.building-details-holder .building-companies{
    float: left;
    width: 282px;
    padding: 0 0 10px 10px;
}
.building-details-holder .building-company { display: block; }
.building-details-holder .building-description { clear: left; }
.building-details-holder .building-description .building-about { line-height: 20px; display: block; padding: 0 0 20px; }
.building-details-holder .building-description .building-controls { margin: 0 0 20px; }
.building-details-error {
    color: #AA2222;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}
#RadPanelHolder .RadHeaderTitle-right a { color: White; text-decoration: underline; }
#RadPanelHolder .RadHeaderTitle-right a:hover { color: White; text-decoration: none; }

.tab-buttons{
    margin:20px 0 0 0;
    height: 25px;
}
.tab-buttons img{
    padding-right:15px;
}
.tab-list{
    border:1px solid #D9D9D9;
    padding:10px;
    width: 100%;
}
.tab-list ul{
    padding:0;
    margin:0;
    list-style:none;
    line-height: 35px;
}
.tab-list ul li{
    color:#666;
    padding: 0 0 0 10px;
    background: url("images/green-dot.png") no-repeat 0 50%;
}
.tab-list ul li a{	
    color:#333;
    text-decoration:none;
}
.temp-img{
    margin:20px 0;
}
.result-wrapper .RadGrid_Default .rgMasterTable thead tr .rgHeader, .result-wrapper .RadGrid_Default .rgMasterTable thead tr{
    background-image: none ;
    background-color: transparent ;
    border: none ;
    line-height: 0;
}	  
.buiding-holder .control-container{ padding: 0; margin: 0;
} 
    
/* Rad Panel */
/* RadGrid control has of the some same classes and ID's as other RadGrid contollers used on different pages */
#RadPanelHolder .RadPanelBar_Default{
    width: 555px;
}
#RadPanelHolder .RadPanelBar_Default .rpItem{
    margin-bottom: 10px;
}
#RadPanelHolder .RadPanelBar_Default .rpRootGroup .rpFirst, #RadPanelHolder .RadPanelBar_Default div.rpHeaderTemplate, #RadPanelHolder .RadPanelBar_Default .rpRootGroup .rpFirst .rpSelected, #RadPanelHolder .RadPanelBar_Default a.rpLink{
    background-color: #3d3d3d;
}
#RadPanelHolder .RadPanelBar_Default div.rpHeaderTemplate, #RadPanelHolder .RadPanelBar_Default a.rpLink{
    color: #fff;
    overflow: hidden;
    border: 0;
    padding: 5px 20px;
}
#RadPanelHolder .RadPanelBar_Default div.rpExpandable{
    background-image: url("images/close-arrow.png");
    background-position: 10px 50%;
    background-repeat: no-repeat;
}
#RadPanelHolder .RadPanelBar_Default div.rpExpanded{
    background-image: url("images/open-arrow.png");
    background-position: 7px 50%;
    background-repeat: no-repeat;
}
#RadPanelHolder .RadPanelBar_Default div.rpHeaderTemplate .RadHeaderTitle-left{
    font-weight: bold;
    float: left
}
#RadPanelHolder .RadPanelBar_Default div.rpHeaderTemplate .RadHeaderTitle-right{
    font-weight: bold;
    float: right
}
#RadPanelHolder .RadPanelBar_Default .rpRootGroup, #RadPanelHolder .RadPanelBar_Default a.rpLink, #RadPanelHolder .RadPanelBar_Default div.rpHeaderTemplate, #RadPanelHolder .RadPanelBar_Default .rpTemplate, #RadPanelHolder .RadGrid_Default, #RadPanelHolder .RadGrid_Default .rgMasterTable, #RadPanelHolder .RadGrid_Default .rgDetailTable, #RadPanelHolder .RadGrid_Default .rgGroupPanel table, #RadPanelHolder .RadGrid_Default .rgCommandRow table, #RadPanelHolder .RadGrid_Default .rgEditForm table, #RadPanelHolder .RadGrid_Default .rgPager table, .GridToolTip_Default{
    font:12px Arial,Verdana,sans-serif;	
    border: 0;
}
.RadPanelGridWrapper .RadGrid, .RadPanelGridWrapper .RadGrid_Default{
    margin: 0;
    border: 0;
}
.RadPanelGridWrapper .rgRow, .RadPanelGridWrapper .rgAltRow{
    background-color: #FFFFFF;
    border: 0;
    clear: none;
    color: #333;
    float: none;
    margin-bottom: 0;
    padding: 0;
    width: 100%;
}
.RadPanelGridWrapper .rgMasterTable .rgHeader{
    font-weight: bold;
    background: #e7f9ef none no-repeat;
    border: 0;
    padding: 5px 20px;
}
#RadPanelHolder .RadPanelBar .rpHeaderTemplate, #RadPanelHolder .RadPanelBar .rpOut{
    border: 0;
}
#RadPanelHolder .RadPanelBar .rpExpandable .rpExpandHandle, #RadPanelHolder .RadPanelBar .rpExpanded .rpExpandHandle{
    margin: 0;
}
#RadPanelHolder .RadPanelBar_Default .rpRootGroup .rpItem .rpLink .rpOut .rpText, #RadPanelHolder .RadPanelBar .rpText{
    font-weight: bold;
    padding: 0; 
}
#RadPanelHolder .RadPanelBar .rpFocused .rpOut, #RadPanelHolder .RadPanelBar a.rpLink:hover .rpOut, #RadPanelHolder .RadPanelBar .rpSelected .rpOut, #RadPanelHolder .RadPanelBar a.rpSelected:hover .rpOut{
    padding: 0; /* Removes the bottom 1px padding */
} 


.rpTemplate .RadPanelGridWrapper .rgRow td, .rpTemplate .RadPanelGridWrapper .rgAltRow td{
    padding: 5px 20px;
    border-color: #fff;
}
/* ------------------------- Start of My Buildings ------------------------ */
/* RadGrid control has of the some same classes and ID's as other RadGrid contollers used on different pages */
.result-wrapper .RadGrid_Default{
    background-image: none;
    background-color: transparent;
    border: none;
}	
.RadGrid, .RadGrid_Default{
    float:left;
    width:100%;
    margin-bottom:10px;
    overflow: hidden;
}
.grid-buildings-img{
    line-height: 0;
    float:left;
}
.result-wrapper .RadGrid_Default tbody .rgSelectedRow{
    color: #fff;
    background-color: #3e3e3e;
    background-image: none;
    float: left;
    clear: both;
    padding: 9px 0 9px 9px;
    width: 100%;
    margin-bottom: 9px;
    border: 1px solid #D9D9D9;
}
.result-wrapper .RadGrid_Default .rgRow td, .result-wrapper .RadGrid_Default .rgAltRow td, .result-wrapper .RadGrid_Default .rgEditRow td, .result-wrapper .RadGrid_Default .rgFooter td {
    border: none;
    display: block;
}
.rgMasterTable tbody .rgAltRow{
    background-color: #fff;
}
.grid-buildings-holder{
    font: 13px Arial, Verdana, sans-serif;
    float:left;
    padding-left:15px;
    width:350px;
}
.result-info p, .radgrid-discription .radgrid-discription{
    margin:0;
    line-height:16px;
}
.result-title, .radgrid-title{
    font-size:14px;
    font-weight:bold;
    padding:5px 0 10px 0;
}
.rad-buttons-holders{
    float:right;
    padding:5px 15px;
}
.view-details-button{
    padding-left:3px;
}
.result-right .remember-checkbox span, .RadGrid_Default .rgSelectedRow .rad-radio-button span, .rad-radio-button span{
    font: 13px Arial, Verdana, sans-serif;
    color:#fff;
    font-weight:bold;
}
.rgRow, .rgAltRow{
    color: #666;
    background-color: #fff;
    float: left;
    clear: both;
    margin-bottom: 9px;
    padding: 9px 0 9px 9px;
    border: 1px solid #D9D9D9;
    width: 100%;
}
.building-not-Selected .result-right .remember-checkbox span, .rad-radio-button span{
    color: #999;}
.rad-radio-button input{
    margin: 2px 3px;
}
.RadGrid_Default .rgSelectedRow .rad-radio-button input{
    margin-top: -3px; /* RadGrid selected Fix for Radio Button */
}
.result-wrapper .RadGrid .rgMasterTable tbody .rgRow td, .result-wrapper .RadGrid .rgMasterTable tbody .rgAltRow td, .result-wrapper .RadGrid .rgEditRow td, .result-wrapper .RadGrid .rgFooter td, .result-wrapper .RadGrid .rgFilterRow td, .result-wrapper .RadGrid .rgHeader, .result-wrapper .RadGrid .rgResizeCol, .result-wrapper .RadGrid .rgGroupHeader td {
    padding: 0;
}	
.rad-buttons-holders *[src]{
    padding-left: 3px;
}
/* -------------------- Start of Manage ------------------------ */	
.rtsLevel, .rtsLevel1{
	display: none;
}
.top-part-holder{
    float:left;
    width:100%;
    margin-bottom:20px;
}
.top-part-holder span{
    font-weight:bold;
}
.top-part-holder .top-part{
    width:550px;
}
.input-control{
    float:left;
    padding-left:45px;
}
.second-control-container{
	clear: both;
}
.temp-user-role, .main-container .control-container, .main-container .control-container{
    float:left;
}
.temp-text-box, .main-container .Pl-Editor/*This style has people pickers class applied*/{
    float:left;
    padding: 50px 0 0 10px;
    width: 370px
}
.main-container .Page-Buttons{
	padding-top: 20px;
	height: 25px;
	float: left;
	clear: left;
}
.main-container .Page-Buttons input{
	float: left;
    margin-right: 5px;
}
.save-button-holder, .main-container .buttons-container{
    float: left;
    padding: 13px 0 0 200px;
    clear: none;
}
.temp-small-buttons{
    float:left;
    padding:17px 0 0 40px;
}
.temp-small-buttons img{
    padding:0 5px;
}	
.body-wrapper .main-container, .second-control-container .main-container{
    width: auto;/*Removing width from Manage.aspx*/
} 
.control-container{
	width: 200px;
	margin-right: 5px;
}
.control-container .RadListBox_Forest .rlbGroup, .control-container .RadListBox_Default .rlbGroup{
    background-color: #fff;
    border: 1px solid #d9d9d9;
    height: 200px;
}
.Billing-Info-holder .control-container .RadListBox_Forest .rlbGroup,
.second-control-container .control-container .RadListBox_Forest .rlbGroup,
.control-container .RadListBox_Forest .rlbGroup, 
.control-container .RadListBox_Default .rlbGroup{
    overflow-y: auto;
}
.title-container{
    background-color: #3e3e3e;
}
.control-container .title-container .label-container, .control-container .title-container span,
.control-container .title-container .label-container, .control-container .title-container span{
    color: #fff;
    font-weight: normal;
    padding: 7px;
}
.control-container .title-container span, .control-container .title-container span{
	display: block;
}
.control-container .Drop-Label span{
	float: right;
    margin: 0 5px 15px 0;
    padding-top: 5px;
}
.control-container .RadListBox_Forest .rlbGroup .rlbHovered, .control-container .RadListBox_Forest .rlbGroup .rlbSelected, .control-container .RadListBox_Default .rlbGroup .rlbSelected, .rcbSlide .RadComboBoxDropDown_Default .rcbHovered{
    Background-color: #e7f9ef;	
}
.control-container .RadListBox_Default .rlbGroup .rlbSelected,
.control-container .RadListBox_Forest .rlbGroup .rlbSelected .rlbText
{
	color: #333;
}
.RadListBox_Forest .rlbText, .RadListBox_Forest .rlbItem,
.RadListBox_Forest .rlbText, .RadListBox_Forest .rlbItem span{
    font: 12px Arial, Verdana, sans-serif;
}	
.RadListBox_Forest .rlbText, .RadListBox_Forest .rlbItem span{
	color: #333;
}
.control-container .RadListBox, .control-container .RadListBox_Forest, .control-container .RadListBoxScrollable{
    width: 100%;
}
.ms-formlabel h3.ms-standardheader,
.title-container .label-container
.control-container .RadListBox_Default .rlbText, 
.control-container .RadListBox_Default .rlbItem, 
.control-container .RadListBox_Default .rlbButtonText, 
.control-container .RadListBox_Default .rlbEmptyMessage{
    color: #333;
    font: normal 12px Arial,Verdana,sans-serif;
}
.control-container input{  
    border: 1px solid #D9D9D9;   
    width: 226px;
} 
.control-container1 span{
    border: 1px solid #D9D9D9; 
}
.control-container1 .label-container{
    border: none;
}
.ms-WPBody .RadListBox_Default .rlbGroup .rlbHovered{ 
	background: none repeat scroll 0 0 #e7f9ef;
	color: #333;
}

/* People picker */
div.Pl-Editor .ms-inputuserfield {
	border-color: #8E8E8E #B8B8B8 #B8B8B8 #8E8E8E;	
	border-width: 1px;
    border-style: inset;
    height: 100px !important;   /*Used to removed HTML inherited width */
}
div.Pl-Editor span .ms-usereditor span{
    border: 0;
}
.Pl-Editor{
	position: relative;
}
.Pl-Editor span table tbody tr td table tbody tr *[nowrap] {
    margin: 15px 0 0 -12px;
    padding-left: 0;
    bottom: -32px;
    right: 0;
    position: absolute;   
}
.Pl-Editor span table tbody tr td table tbody tr *[nowrap] a:first-child {
    background: url("images/addPeople-Icon.png") no-repeat;
    display: inline-block;
    padding-right: 10px;
    width: 17px;
    height: 16px;
}
.Pl-Editor span table tbody tr td table tbody tr *[nowrap] a{
    background: url("images/addressBook-Icon.png") no-repeat;
    display: inline-block;
    width: 17px;
    height: 16px;
}
.Pl-Editor span table tbody tr td table tbody tr *[nowrap] a img{
    display: none;
}
.Pl-Editor .ms-inputuserfield{
	width: 370px; /*Text area of the people picker, fix for Chrome browsers*/
}
/* Manage Page custom Modals*/
.ms-dlgFrame{ overflow: visible;
}
.ms-dlgFrameContainer,
.ms-dialog-nr #aspnetForm #s4-workspace #s4-bodyContainer{ overflow: hidden; 
}   
.custom-form .ms-formbody{
    background: none repeat scroll 0 0 #F6F6F6;
    border-top: 1px solid #D8D8D8;
    padding: 3px 6px 4px;
    vertical-align: top;
}
.custom-form .ms-formbody .ms-long input{
    font-family: Verdana,sans-serif;
    font-size: 8pt;
    width: 386px !important;
}
.custom-form .ms-formbody .custom-modal{
    width: 200px !important;
    float: left;
}   
.ms-bodyareacell .custom-form .ms-formtable .ms-formbody .RadListBox{
	height: 100px!important;
}
.ms-dialog-nr .wide-page, 
.ms-dialog-nr html body, 
.ms-dialog body #s4-workspace, 
.ms-dialog-nr body #s4-workspace{ 
	width: 100% !important;
}
.ms-dialog-nr body .RadInput .riTextBox, 
.ms-dialog body .RadInput .riTextBox, 
.ms-dialog body .RadInputMgr, 
.ms-dialog-nr body .RadInputMgr{
	border: 2px ActiveBorder inset;
    vertical-align: middle;	
   	font-family: Verdana,sans-serif;
    font-size: 8pt;
}
/* ----------------------------- Start of Layout Zones ----------------------------- */
#zone1-12layout{
    clear: both;
    float: left;
}
.zone-page-wrap{
    float: none !important;
    height: 1%;
    padding: 0 0 40px 10px;
    width: auto;
    /*overflow: hidden;*/
}
.Zone-page-background-holder{
    background-color: #FAFAFA;
    border-bottom: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    position: relative;
    overflow: hidden;
    padding: 19px;
    width: 828px;
} 
.Zone-page-background-libraries-holder{
    /** Overflow:hidden removed **/
    background-color: #FAFAFA;
    border-bottom: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    position: relative;
    padding: 19px;
    width: 828px;
}
.zone-page-inner-wrap{
    float: left;
    width: 100%;
}
#zone2-12layout{
    float: left;
    width: 10%;
}     
#dashboard-zone1{
    float:left;
    width:240px;
}
#dashboard-zone2{
    float:left;
    width:588px;
}
#dashboard-zone3{
    float:left;
    clear:left;
    margin: 15px 14px 15px 0; 
}
#dashboard-zone4{
    float:left;
    margin: 15px 0 15px 14px;
}
#dashboard-zone6{
    float:left;
    clear:left;
    width:411px;
    margin-right: 5px;
}   
#dashboard-zone7{
    float:left;
    width:411px;
}
#dashboard-zone8{
    float:left;
    clear:left;
    width:100%;
}    
#zone1-123layout, #zone2-123layout{ float:left; width:50%;
}
#zone3-123layout{ float:right; width:240px;
}

/*End of Layout Zones*/
.ms-ToolPaneOuter{
    margin-left:-270px;
    position: absolute;
}
#zz15_Menu_t .ms-MenuUIPopupBody,
#zz15_Menu_t .ms-MenuUIPopupScreen{ 
    display: inline;
    float: right; 
    position: absolute !important;
    left: 720px !important;
    top: 60px !important;
    visibility: visible;
    margin-right: 0;
}
#MSOTlPn_MainTD{ display: inline;
}   
.KT-Section-Body .ms-WPBody .ms-usereditor, 
.KT-Section-Body .ms-WPBody .RadListBox_Default .rlbGroup{ 
	border: 1px solid #C1C1C1 !important;
}
.Zone-page-background-holder .KT-TabSwitcherWebPart .KT-Section-Body{
    border: 0;
    padding: 0;
} 

/*----------------------------Start of Utility Page*----------------------------*/
.Billing-Info-holder .main-container .control-container-long{
    width: 513px;
}
.Billing-Info-holder .control-container{
	width: 150px;
}
.Billing-Info-holder .main-container .RadGrid_Default{
	border: 0;
}
.Billing-Info-holder .main-container .buttons-container input{
	width: inherit;
}
.Billing-Info-holder .main-container .control-main-body{
    background-color: #fff;
	border: 1px solid #D9D9D9;
	height: 190px;
	padding: 5px;
	overflow-y: auto;
}
.Billing-Info-holder .control-container-long .building-address-holder .group-holder{
	width: 220px;
	padding-left: 11px;
}
.Billing-Info-holder .control-container-long .building-address-holder .group-holder, 
.Billing-Info-holder .control-container-long .building-address-holder .group-holder span{
	float: left;
}
.Billing-Info-holder .control-container-long .building-address-holder .group-holder span{
	padding: 0 5px;
}
/*Untility Grid */
.control-main-body .untility-grid{
	float: left;
	margin: 10px 0;
}
.control-main-body .untility-grid td,
.control-main-body .untility-grid th,
.control-main-body .untility-grid tr,
.control-main-body .untility-grid tbody,
.control-main-body .untility-grid table
{
	border: 0;
}
.control-main-body .untility-grid tbody tr{
    line-height: 17px;
}
.control-main-body .untility-grid div table tbody tr th[scope]{
	padding: 10px 5px;
}
.control-main-body .untility-grid div table tbody tr td{
	text-align: center;
	color: #444;
}
.control-main-body .untility-grid .utility-bills tbody tr td a{
	color: #9EC66C;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}
.control-main-body .untility-grid .utility-bills tbody tr td a:hover{
   text-decoration: underline;
}
.control-main-body .group-holder .Utility-Chart{
    display: block;
}
.control-main-body .group-holder .Utility-Chart span{
	color: #666;
}
.control-main-body .group-holder .Utility-Chart .Chart-Label{
	width: 95px;
}
.control-main-body .group-holder .Utility-Chart .Chart-Results span{
	float: right;	
}
.control-main-body .untility-grid .utility-grid-column-head{
	background-color: #fff;
}
.control-main-body .untility-grid .utility-grid-column-head th{
	color: #444;
	font-size: 11px;	
}
.control-main-body .untility-grid .utility-row-selector{
	background-color: #E7F9EF	
}
/*-----------------------------ConsumptionReports---------------------------*/

.Graph-Table{
	width: 100%;
	margin-bottom: 20px;
}
.Graph-Table tbody tr th,
.Graph-Table tbody tr td{
	border: 1px solid #D9D9D9;
}
.Graph-Table .Graph-Table-head{
	background-color: #3E3E3E;
}
.Graph-Table .Graph-Table-head th{
	color: #FFFFFF;
    font-weight: normal;
    padding: 7px;
}
.Graph-Table tbody tr td{
	color: #333;
	padding: 4px;
}

.main-container .Pl-Editor .error-message {
    color: red;
    display: block;
    font-weight: bold;
    margin: -50px 0 0;
    padding: 10px 0;
}

.Table-Building-Name {
    font-weight:bold;
    font-size:x-large;
}

/*Task List*/
.Zone-page-background-libraries-holder .s4-wpcell{
padding-bottom: 150px; }

/* ------------------------------------------------
   IMAGE BUTTONS
   ------------------------------------------------ */
.bgImgBtn, .bgImgBtn:link, .bgImgBtn:hover, .bgImgBtn:visited, .bgImgBtnLong, .bgImgBtnLong:link, .bgImgBtnLong:hover, .bgImgBtnLong:visited, .bgImgBtnSmall, .bgImgBtnSmall:link, .bgImgBtnSmall:hover, .bgImgBtnSmall:visited
{
    background-position: center;
    background-repeat: no-repeat;
    padding: 0;
    color: White;
    font-weight: bold;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    display:inline-block;
}    
.bgImgBtn, .bgImgBtn:link, .bgImgBtn:hover
{
    background-image: url("/Sites/Mobile/Style Library/Images/off-green.png");
}
.bgImgBtnLong, .bgImgBtnLong:link, .bgImgBtnLong:hover
{
    background-image: url("/Sites/Mobile/Style Library/Images/off-green_long.png");
}
.bgImgBtnSmall, .bgImgBtnSmall:link, .bgImgBtnSmall:hover
{
    background-image: url("/Sites/Mobile/Style Library/Images/off-green_small.png");
}