/*
	project: internet broadcast template
	author: luka cvrk (www.solucija.com) 
	
*/
   
/* default styles */
body { padding: 0px 0 0 0; margin: 0; font: .8em, Tahoma, Arial, sans-serif; line-height: 1.7em; background: #fff url(images/bg.gif) repeat-x; color: #454545; }
a { color: #2F637A; background: inherit; }
a:hover { color: #808080; background: inherit; }
p {	margin: 0 0 5px 0; }
h1 {	font: bold 2.2em Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px; }
h2 { margin: 0; padding: 0; font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a, h2 a { color: #000; background: inherit; text-decoration: none; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0; }
.title
{
	font: bold 2.2em Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px;
}
#hideme {visibility:hidden;display:none;}
.HiddenObj
{
	visibility :hidden;
}
.hiddencol
    {
        display:none;
    }

.warnLabel 
{
background-color: Maroon; 
text-align: center; 
font-size: 12px; 
color: white; 
font-family: Verdana,Arial;	
font-weight:bold;
}
/* layout */
#content {margin: 0px 0px 0px 0px;width: 100%;width: 800px;margin: auto;/* padding: 10px; */}
#logo { margin:  0 0 0px 0; }
#slogan { font-size: 0.9em; margin: 0 0 10px 2px; padding: 0; color: #808080; background: #fff; }
#top_info 
{
	line-height: 27px;
	float: right;
	top:0px;
	color: #808080;
	background: #ffffff00;
	margin: 1px 15px 2px 10px;
	text-align: right;
	/* width: 1000px !important; */
	/* position: absolute; */
}

/* round blue login button */
#loginbutton a { text-decoration: none; width: 24px; padding: 7px 12px; margin: 20 0 0 8px; height: 28px; background: #fff url(images/lb.gif) no-repeat; color: #000; }
#loginbutton a:hover{ background: #fff url(images/lbhover.gif) no-repeat; color: #000;}
#logoutbutton a {text-decoration: none;width: 24px;padding: 2px 12px;margin: 10 0 0 8px;height: 28px;background: hsl(0deg 0% 100% / 0%) url(images/greenbtn.png) no-repeat;color: #000;background-position: center;}
.searchbutton { background-color:#6699FF; color: #FFFFFF;cursor: pointer; text-decoration:none; font-size:x-small; }
.searchbuttonhover { background-color:#669FFF; color: #000000;cursor: hand; text-decoration:none;font-size:x-small; }
/* main horizontal menu */
#tablist{ padding: 0px 0; margin: 0; float: left;width:750px; }
	#tablist li{ list-style: none; display: inline; margin: 0; }
	#tablist li a{
		text-decoration: none;
		padding: 4px 22px;
		margin-right: 2px;
		background: #808080 url(images/corner.gif) no-repeat top right;
		font-weight: bold;
		font-size:smaller;
		color: #fff;
	}
	#tablist li a:hover{
		background: #6495AB url(images/corner.gif) no-repeat top right;
		color: #fff;
	}
	#tablist li a.current{
		background: #9FC7D8 url(images/corner.gif) no-repeat top right;
		color: #2F637A;
		padding: 6px 22px;
	}
	#tablist .key { text-decoration: underline; }
/* main menu topics */
#topics {
	clear: left;
	float: left;
	width: 460px;
	background: #B0D0DC url(images/topicsbg.gif) repeat-x left bottom;
	padding: 7px 5px;
	margin: 0 0 5px 0;
	color: #fff;
	height: 61px;
}
	#topics li a { background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: center left;  padding: 0 0 0 12px; }

/* main menu search */
#search 
{
	background: #ffffff url(images/searchbg.gif) no-repeat;
	color: #000;
	float:left;
	/* padding: 32px 20px 1px 20px; */
	padding: 7px 7px 7px 7px; 
	min-height: 61px; /* FF height */
	height:61px;
	width: 240px;
}

	/* search form styling */
	form, form p { margin: 0; padding: 0; line-height: 25px; }
	
		.search { width: 170px; border: 1px solid #357994; background: #fff; color: #478F36; padding: 4px; margin: 0; font-weight: bold; font-size: 1.3em;  }
		.button { padding: 4px; font: bold 1em Arial, Sans-Serif; }

/* left side */
#farleft 
{
	/* position:absolute;	*/ 
	/*left:5px;*/
	top: 134px;
	width: 600px;
	margin: 0 0 0px 0;
}
#apartmentleft {
	/*float: left;*/
	position:absolute;
	left:75px;
	top: 134px;
	width: 675px;
	margin: 0 0 0px 0;
}

#left {
	float: left;
	position:absolute;
	/* left:154px; */
	top: 134px;
	width: 723px;
	margin: 0 0 0px 0;
}
	.subheader {
		margin: 0 0 10px 0;
		padding: 8px;
		background: #f4f4f4 url(images/bgshade.gif) repeat-x;
		color: #808080;
		border-bottom: 1px solid #ccc;
	}
	.left_articles {
		margin: 0px 0 0px 0;
		background: #fff url(images/bgshade.gif) repeat-x;
		color: #454545;
		padding: 5px 5px 5px 5px;
	}
		.date { font-size: .9em; padding: 0 0 0 12px; background: #fff url(images/news.gif) no-repeat center left; color: #808080; }
		.light { font-size: .9em; padding: 0 0 0 12px; color: #FFFFFF; }
		.apartmentlight { font-size: 14px; padding: 0 0 0 5px; color: #FFFFFF; }
		.bigimage {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 200px;
			height: 150px;
			margin: 0 15px 10px 0;
		}
		.inlineimage {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			margin: 0 15px 10px 0;
		}	
		.basicimage {
			float: left;
			clear: left;
			border: 0px solid #ccc;
			background: #eee;
			color: #000;
			margin: 0 15px 10px 0;
		}		
	.left_box {
		background: #f4f4f4;
		color: #808080;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 15px;
		margin: 0 0 15px 0;
	}
	.thirds {
		float: left;
		width: 260px;
		padding: 0 10px 0 15px;
	}		
		.heading 
	{
				float: left;
		width: 286px;
		padding: 0 10px 0 15px;
		filter: Shadow(Color=#666666, 	
			Direction=135, 
			Strength=5);	
	}
			.apartmentheading 
	{
				float: left;
				font-size:14px;
		width: 350px;
		padding: 0 10px 0 15px;
		filter: Shadow(Color=#666666, 	
			Direction=135, 
			Strength=5);	
	}
	
		
/* right side */
#apartmentright {
	float: right;
	position:absolute;
	left:0px;
	top:134px;
	width:75px;
	margin: 0 0 0px 0;
}
#right {
	float: right;
	position:absolute;
	left:0px;
	top:134px;
	width:150px;
	margin: 0 0 0px 0;
}
	.right_articles {
		border: 0px solid #ccc;
		padding: 8px;	
		margin: 0 0 10px 0;
		background: #ffffff;
		color: #454545;
	}
	.image { float: left; margin: 0 9px 3px 0; }
	.notes {
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 17px 10px 17px 80px;	
		margin: 0 0 10px 0;
		/*background: #fff url(images/notes.gif) no-repeat center left;*/
		color: #454545;
	}
/* footer */
#footer 
{
	clear: both; 
	color: #808080;
	background: #FFF;
	padding: 10px 15px;
	border-top: 1px solid #ccc;
}
	#footer .right { float: right; }
	
.menuclass
{
color:#000000;
border:Solid 1px Gray;
background-color:#c9c9c9;
padding:2px 2px;
}
.menuclass a:hover
{
color:#ffffff;
}
.menuclass a
{
color:#3333ff;
}
.btnclr
{
	 background-color:#c4d4e0;
	 color:#0b12c6;
}
.Highlight
{
font-size: 16px;
background-color: #FFFF00;
}
.TheMatrix
{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color:#FF0000;
}
.MainBasic
{
	font-size: 11px;
}
.p-shadow {
  width: 90%;
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow div {
  background: none !important;
  background: url(images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }

/* popup div */
/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image: url("images/maskBG.png") !important; /* For browsers Moz, Opera, etc.*/
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 10px;
	display:none;
	padding: 0px 0px 0px 10px;
}
#popupInner {
	border: 2px solid #000000;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #486CAE;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
	z-index:204;
}
.Buttons
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	font-size: xx-small;
	font-family: Verdana, Arial;
}
.EightEM
{
	Font-Size:x-small;
	font-family:Tahoma, Arial, sans-serif;
}

.modalBackground 
{
	background-color:#999999;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/*

.modalBackground

{
	top:0px !important;
    left:0px !important;
    position:absolute !important;
    background:#999999;
    filter:alpha(opacity=70) !important;
    opacity:0.7 !important;   
    z-index:1 !important;
    
	
	   filter: Alpha(Opacity=40);
	   -moz-opacity: 1.0;
	   opacity: 0.4;
	   width: 100%;
	   height: 100%;
	   background-color: #999999;
	   position: absolute;
	   z-index: 10;
	   top: 0px;
	   left: 0px;
-----------------------------------------------------
    position: absolute; 
    z-index: 10000; 
    left: 0px !important; 
    top: 0px !important; 
    width: 1008px; 
    height: 540px; 
	background:#999999;
	filter:alpha(opacity=70) !important;
    opacity:0.7 !important; 
	
	
}

*/
/*
.modalBox 
{
	
	background-color : #f5f5f5;
	border-width: 3px;
	border-style: solid;
	border-color: Blue;
	padding: 3px;
	------------------------------------
	background-color:#f5f5f5;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    position:absolute;
    top:2px !important;
    left:240px !important;
}
*/

  #cphMaster_UnitMenu_unitsMenu {
            width: 1017px;
        }

.modalBox 
{
	position:absolute;
	left:50px;
	margin-left: -100px;	 
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	/*position:absolute;
	top:50px !important;
	left:20px !important;*/
	z-index:199;
}

.modalPunchListBox 
{		
	position:absolute;
	left:50px;
	margin-left: -100px;	 
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	/*position:absolute;
	top:300px !important;
	left:50px !important;*/
}

.modalServiceCallBox 
{
	position:absolute;
	left:50px;
	margin-left: -20px;
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	/*position:absolute;
	top:100px !important;
	left:200px !important;*/
	z-index:205;
}

.caption {
	background-color: #aaa;
	background-image: url('images/tilebg_tablecaption.gif');
	color: #000;
	font-size: 16pt;
	font-weight: bold;
	border: 0;
	border-bottom: solid 1px #737373;
	white-space: nowrap;
	text-align: center;
}


  #cphMaster_UnitMenu_unitsMenu {
            width: 1014px !important;
        }

 

#cphMaster_pnGVPunchList #cphMaster_gvPunchList{
width: 1025px !important;
}

#cphMaster_grvAttachment{
width: 1025px !important;
}

#cphMaster_Upgradesprintdiv{
width: 1025px !important;
}

#cphMaster_gvUpgrades{
width: 1025px !important;
}

#cphMaster_gvFolderList{
width: 1025px !important;
}

.left_articles { 
    padding: 5px 0px 0px 0px !important;
}

.menu-item-selected{
	color: #fff !important;
	font-weight: 600 !important;
}