@charset "UTF-8";

/* Page Setup */

body {
	margin: 0px;
	padding: 0px;
	background: url(../images/page-repeat-default.jpg) repeat center top;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #272727;
}

img { border: 0; }

hr { color: #cecece;
	background-color: #cecece;
	height: 1px;
	margin: 20px 0;
	border:0;}

#wrapper {
	/* [disabled]margin:0; */
	padding: 25px 50;
	width: 100%;
	background: url(../images/wrapper-repeat-default.jpg) repeat-x center top;
}

#cap {
	margin: 0 auto;
	width: 1020px;
	background: url(../images/live-cap.png) no-repeat;
	height: 64px;
	overflow:hidden;}

#masthead {
	margin: 0 auto;
	width: 1020px;
	height: 130px;
	text-align:left;
	background: url(../images/live-repeat.png) repeat-y;
	}

.npha { margin-left: 30px; }



#container {
	margin: 0px auto;
	width: 960px;
	padding: 0 30px 15px;
	text-align: center;
	background: url(../images/live-repeat.png) repeat-y;
}



#content { padding: 28px 0px; position: relative; border-top: 1px SOLID #DEDEDE;}

#main-content, #left-sidebar { float: left; }
#left-sidebar { width: 210px; margin-right: 20px;}
#main-content, #main-content.wide {  border-left: 1px dotted #DEDEDE; padding-left: 29px; width: 680px;  }

#subscribe {
	margin: 0px auto;
	width: 1000px;
	padding: 10px;
	background: url(../images/live-repeat.png) repeat-y;
}
#subscribe #mc_embed_signup {
	width: 960px;
		border-top: 1px solid #c2bfb3;
		padding: 0 20px ;
		background:none!important; }

#endcap {
	margin: 0px auto;
	width: 960px;
	background: url(../images/live-endcap.png) top no-repeat;
	text-align: left;
	padding-bottom: 16px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 18px;
	}

.col, .col-left, .col-end {float:left; }
.clear { clear: both; }

/* Basic Typography */

h1, h2, h3, h4, h5, h6 { font-family: myriad-pro-condensed,'arial narrow',sans-serif; font-weight: 700; font-style:normal; }
h1 { color: #f49e19; font-size: 30px; margin:0 0 12px; }
h2 { color:#669933; font-size: 25px;  margin: 10px 0;}
h3 { color: #eaaa33; font-size: 20px; margin: 0 0 10px 0; }
	h3 a { color: #eaaa33;  }
h4 { color: #454545; font-size: 19px; margin: 10px 0; }
h5 { font-size: 16px; color: #585857; margin:0px 0 10px 0;}
h6 { font-size: 15px; color: #585857; margin:20px 0 10px 0;}

p, li {
	font-size: 12px;
	line-height: 140%;
	color: #272727;
	margin-bottom: 0px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 5px;
}
p.prompt, #midsection .cs p.prompt { font-family: myriad-pro-condensed,sans-serif; font-weight: 700; font-style:normal; font-size: 14px;}
p.prompt a {
	background: url(../images/arrow-prompt-orange.png) right 5px no-repeat;
	padding-right: 16px;
	color: #00A3E8;
}

li strong, .emph { font-family: myriad-pro-condensed,'arial narrow',sans-serif; font-weight: 700;font-size: 19px; color: #454545;}

p.button {text-align: center; background: url(../images/btn-bg.gif) no-repeat center; padding: 6px 0;}
a.button, .button a { font-weight: bold; color:#5a5a5a; background-color: #dfdccf; padding: 6px 12px; display: block; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}

a.btn  {
	background:#669933;
	-moz-border-radius:6px; /* Firefox */
	-webkit-border-radius:6px; /* Safari, Chrome */
	-o-border-radius: 6px; /* Opera */
	border-radius: 6px; /* CSS3 */
	 behavior: url(border-radius.html);
	padding: 6px 15px;
	margin-left:15px;
	display:inline-block;
	text-align:center;
	color: #FFFFFF;
	font-family: myriad-pro,arial,sans-serif;
	font-style:normal;
	text-decoration:none;
	font-size: 13px;
	font-weight:600;
	}
a.btn:hover { background:#eaaa33;color:#ffffff;}
a.button:hover, .button a:hover { background-color:#00A3E8; color:#ffffff; }
.right-side a.btn {width: 80%}

a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #00A3E8;
}

label { font-size: 11px; color:#272727;}

.divider { border-bottom: 1px dotted #DEDEDE; height: 1px; margin: 15px 0;}
blockquote { margin: 0 20px; }
blockquote p { margin: 0 0 15px 0; }

/* ------ UTILITY -------*/

#utility { padding: 20px 30px 0 60px; }
.support {
	float: left;
	color: #585857;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: 14px;
	font-weight: normal;
	font-size: 14px;
	width: 610px;
	text-align: left;
	padding-top: 4px;
}

.links {
	float: left;
	font-size: 11px;
	color: #585857;
	width: 195px;
	text-align: center;
	padding-left: 30px;
	margin-right: 20px;
	padding-top: 6px;
}
.links a { color: #585857; }
.search { float: left; width:270px; height:31px;background: ;/*url(../images/search-bar.png)*/ no-repeat;}

#sr_iframe input { background:none; border:0; width: 215px; padding: 5px 10px; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #767676;float: left;}
#sr_iframe input#sr_searchbutton { width: 30px; background:none; border:0; cursor: pointer; }

/* ------ MASTHEAD ------ */

.npha {height: 82px; width: 160px; padding: 16px 0 0 5px; float:left; }

ul#menu { float: left; width: 795px; padding: 30px 0 0; margin:0;}

ul#menu li {
	float:left;
	list-style:none;
	color:#000000;
	font-size: 12px;
	line-height:14px;
	padding: 8px 70px 10px 8px;
	border-left: #e0e0e0 1px solid; }
	ul#menu li.current { background-color:#f0efe8 }
	
#menu a {
	color: #000000;
	font-size: 15px;
	font-weight: bold;
}

ul#menicko { float: left; width: 795px; padding: 10px 0 0; margin:0;}

ul#menicko li {
	float:left;
	list-style:none;
	color:#000000;
	font-size: 12px;
	line-height:14px;
	padding: 8px 70px 10px 8px; }
	ul#menu li.current { background-color:#f0efe8 }
	
#menicko a {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}

#menu a:hover { color:#00A3E8; text-decoration:none; }

/* ------ HOME PAGE ------ */

#banner-container {position: relative}
#banner-container, .banner {width: 960px; height: 400px}
#banner-container .banner.active {display: block}

.banner {
	background: url(../images/home/banner-fpo.jpg) no-repeat center;
	-moz-border-radius:9px; /* Firefox */
	-webkit-border-radius:9px; /* Safari, Chrome */
	-o-border-radius: 9px; /* Opera */
	border-radius: 9px; /* CSS3 */
	 behavior: url(border-radius.html);
	 overflow: hidden;
	 position: absolute; top: 0; left: 0; display: none
	}

.banner .caption {
	width:222px;
	position:absolute;
	right:0;
	padding: 10px 25px 25px;
	height: 365px;
	text-align:center;
	background: rgba(0,0,0,.7);
}
.teaser {
	margin-top:0;
	background:#000000;
	padding: 10px 20px;
	color:#ffffff;

}
.caption h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#ffffff;
	font-size: 24px;
	padding-top:15px;
	margin-bottom:15px;}

.caption h3 {

}

.caption p {color:#ffffff; margin-bottom:20px;}

.pagination {width:242px; text-align:center; position: absolute; bottom: 20px; right: 0; z-index: 10}
.pagination a {background:url(../images/pagination-sprite.png) -13px 0 no-repeat; width:13px; height:13px; display:inline-block; margin: 3px; cursor:pointer;}
.pagination a.active {background-position: -26px 0; }
.pagination a:hover{background-position: 0 0; }

#phi-features {
	margin: 14px 0 20px 0;
}

#phi-features h1 { text-align:center; }

#phi-features .col {
		background: #dfdccf; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGNjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #dfdccf 0%, #f4f4ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdccf), color-stop(100%,#f4f4ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dfdccf 0%,#f4f4ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dfdccf 0%,#f4f4ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dfdccf 0%,#f4f4ee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dfdccf 0%,#f4f4ee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdccf', endColorstr='#f4f4ee',GradientType=0 ); /* IE6-8 */

-moz-border-radius:6px; /* Firefox */
	-webkit-border-radius:6px; /* Safari, Chrome */
	-o-border-radius: 6px; /* Opera */
	border-radius: 6px; /* CSS3 */
	 behavior: url(border-radius.html);
		width: 260px;
		padding: 20px 20px 5px 20px;
		margin: 0 10px;

	}


	#phi-features h1 {
		font-size: 20px;
		color: #000000;
	}

	#phi-features p.prompt {
		text-align: right; }

	#phi-features .pages {
	padding-top:10px;
	float:none;
	text-align: center;
	text-transform: uppercase;
	font-family: myriad-pro-condensed,'arial narrow',sans-serif; font-weight: 700;
	}
	#phi-features .pages p {
		margin:0;
		}
	#phi-features .pages a {
	display: block;
	border-top: 1px dotted #cdcdcd;
	padding: 6px 0;
	font-size: 15px;
	color:#454545;
	}
	#phi-features .pages a:hover {
	color:#669933;
	}

#midsection {
	padding: 20px 10px 20px 20px; }
	#midsection h1 {  color:#eaaa33; }


#midsection .blog {
		float:left;
		width: 420px;
		/* border-right: 1px dotted #DEDEDE; */
		padding-right: 20px;
		margin-right: 29px; }
	#midsection .cs h5 {  }
	#midsection .blog p { font-size: 12px; }
	#midsection .blog img {margin-top:6px;}


.main-text {
	text-align:center;
	padding: 20px 50px 0 ;
	}
	.main-text p {
	font-size: 13px;
	line-height: 150%;
}

#ad-row { margin: 0 10px; margin-bottom:30px;}

/* ------ STANDARD PAGES ------ */

#left-sidebar h3 { margin: 0 0 8px 0; }
	ul.submenu { padding: 0; margin: 0;}
	ul.submenu li { list-style:none; padding: 3px 10px; margin: 0;}
	ul.submenu li.current { background-color:#f0efe8 }
	ul.submenu li a { color:#585857; font-weight: bold; }
	ul.submenu li a:hover { color:#669933;}
	ul.submenu li a.current { color:#336600; }
		ul.submenu ul { padding-left: 0px; margin-bottom: 4px;}
		ul.submenu ul li { padding: 3px 10px; margin: 0; line-height: 120%; }
		ul.submenu ul li a { color:#858584; font-weight: normal; }
		ul.submenu ul li a:hover { color:#585857;}
		ul.submenu ul li a.current { color:#336600; }

	#left-sidebar .ad { margin-top: 20px; }

	#left-sidebar blockquote { margin-top: 30px; color:#87867e; font-size: 16px; line-height:22px; font-style:italic; }
	#left-sidebar blockquote .attribution { text-align:right; font-size: 13px; line-height: 16px; font-style:normal;margin-top:10px;}

#main-content { width: 680px; }
#main-content img.right {  }
#main-content.wide img.right { margin-right: 0px; }

#main-content .right-side { width: 250px; margin: 0 20px 15px 30px; float:right; }
#main-content.cs-detail { }
	#main-content.cs-detail .photos { float: right; width: 300px; margin-left: 30px;}
		.cs-detail .photos p { margin: 5px 0 15px 0; padding-bottom: 10px; border-bottom: 1px dotted #DEDEDE; font-size: 11px; color:#eaaa33; font-weight: bold;}
		.cs-detail .photos p.link { font-weight: normal; border: 0; text-align:right;}
			.cs-detail .photos p.link a { text-decoration: underline; }

		.resources { width: 248px; border: 1px dotted #DEDEDE; margin-top: 15px;}
		.resources h4 { padding: 6px 20px; color:#ffffff; background-color:#e79c1a; margin: 0 0 15px 0;}
		.resources .content { padding: 0px 10px 10px; }
		.resources ul {padding-left:35px; }
		.resources ul li {list-style-image: url(../images/arrow-prompt-orange.png); margin: 2px 0;  }
		.resources ul li.download {list-style-image: url(../images/icon-download.png); }

img.left { float: left; margin-right: 15px; margin-bottom: 20px; }
img.right 	{ }

/* ------ LIST PAGES ------ */

#list { }
	.item { border-top: 1px dotted #DEDEDE; padding-top: 15px; margin-top: 15px; }
	.item .photo { float: left; margin-right: 15px; margin-bottom: 10px; width: 120px;}
	.item .bio { float: left; width: 545px; }
	.item .cover { float: left; margin-right: 15px; margin-bottom: 10px; width: 100px;}
	.item .desc { float: left; width: 565px; }
	.cs .item .thumb { float: left; margin-right: 15px; margin-bottom: 10px; width: 120px;}
	.cs .item .desc { float: left; width: 545px; }
	.cs .item .desc p { margin-top: 20px; }
	.videos .item .cover { border: 5px solid #cccccc; }
	.videos .item .desc { width: 555px; }
	.podcasts .item .cover { width: 36px; }
	.podcasts .item .desc { width: 629px; }
		.board .item img { max-width: 120px; }
		.media .item img { max-width: 100px; }
			.pub-date { float: right; font-size: 11px; text-align: right; font-weight: bold; padding: 2px 10px 0 0; color: #666666;}
#list.resources { width: 680px; border: 0; position:relative; top:auto; right: auto;}
	#list.resources ul { margin-bottom: 25px; padding-left: 35px;}
	#list.resources .item { width:290px; margin-right: 20px;  float:left; padding-top:0;  border: 0;}

		div.button 	{float: right; }
		div.button a { }


p.list-item { padding-bottom: 12px; border-bottom:1px dotted #DEDEDE; margin-bottom: 12px;}
.key { width: 310px; border: 1px dotted #DEDEDE; padding: 10px;  margin: 10px 0
}
.key p { font-size: 10px; margin:0;}

table.servicers { width: 680px; padding: 0; margin: 10px 0 ; }
	table.servicers tr {}
	table.servicers td { padding: 12px 0; border-bottom:1px dotted #DEDEDE; font-size: 12px; line-height: 140%; margin: 0; color:#272727; vertical-align: text-top}
	table.servicers td.rating { text-align: right; }
	table.servicers p { margin: 0; }

/* ------ PAYPAL FORM ------ */

fieldset { width: 40%; border: 1px dotted #DEDEDE; padding: 15px;   }
#cms fieldset {width: auto; margin: 1em} /* Revert for CMS */
form table { margin: 0 0 10px 0; }


/* ------ SUBSCRIBE ------ */

#subscribe {
	text-align:left;
}
#subscribe h2 { color:#5a5a5a; font-weight:600; font-size: 24px;}
input#mce-FNAME, input#mce-LNAME, input#mce-EMAIL { padding: 4px 6px; font-style:italic; color:#767676; width: 130px; }
input#mc-embedded-subscribe {text-align:center; }

/* ------ FOOTER ------ */

#footer { margin: 15px 0 0; }
#footer .box {
	background:#dfddd0;
	width: 156px;
	margin-right: 15px;
	float:left;
	padding:12px;
}

#footer img {
	margin: 0 2px 0 0;
}

#footer h3 { font-weight: bold;
	color:#5a5a5a;
	font-size: 18px;
	line-height:100%;
	margin:0 0 6px 0;
}
#footer p { margin: 2px 0 2px 10px; font-size: 11px;}
#footer a { color:#5a5a5a; font-weight:bold;}
#footer a:hover { color:#336600;}
#footer a.green { color: #669933;}
#footer a.green:hover { color: #212122 }

#footer h3 a {  }

#footer form { margin: 15px 0 0 0 }
#footer input { width: 146px; padding: 2px; margin-top: 4px;}
#footer input#submit, #footer input.button { width: auto; text-align: center; margin: 10px 0 0 0; padding:0; background-color: #e79c1a; color: #ffffff; font-size: 12px; font-weight: bold;}
#footer label, #mc_embed_signup label  { font-size: 11px; color:#5a5a5a; }
#footer .box.end {
	margin:0;
}

#mc_embed_signup .button
	{
clear: both;
background-color: #e79c1a;
border: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 12px;
font-weight: bold;
margin:0;
padding: 0;
height: 28px;
text-align: center;
vertical-align: top;
white-space: nowrap;
width: auto;
}

#mc_embed_signup input.button
{
display: block;
margin-top:10px;
margin-right: 0pt;
margin-bottom: 0;
margin-left: 0pt;
min-width: 90px;

}

#mc_embed_signup .button:hover
{
background-color: #777777;
}

/* ------ END CAP ------ */

#endcap p { font-size: 11px; color:#888888; }
#endcap img { float:right; margin-left: 10px; }

#tech { margin: 10px 0; }

#cms #left-sidebar li {margin: 1em 0}
#cms #main-content {display: relative}
#cms #main-content .actions {position: absolute; top: 1em; right: 1em}

.instructions {
	font-size: 18px;
}
	.instructions p, .instructions li { font-size: 11px; margin: 0; }


.actions a, .actions input {margin: 0px 0.5em 0px 0px}
.actions a {border: 1px solid #DEDEDE; padding: 3px}
.actions a:hover {border-color: #cdcdcd; background-color: #efefef}

.inline-error-messages, .inline-error-messages span {display: block}
.field-with-errors br {display: none}


#banner div.clear {height: auto; width: auto}
#banner div img {display: none; position: absolute; top: 0; left: 0}
#banner div img.rotating {display: block}
#banner div img:first-child {display: block}

#cms #news-events li {float: left; margin: 1em}
#highlights {
  width: 380px; height: 126px; margin-left: 495px;
  border-width: 0 1px;
  border-style: dotted;
  border-color: #DEDEDE;
}
.marquee-container {
  padding: 0 10px;
  position: relative;
}
.marquee-container .left, .marquee-container .right {
  position: absolute;
  top: 55px;
  background-repeat: no-repeat;
  width: 19px; height: 21px;
  outline: 0;
}
.marquee-container .left:hover, .marquee-container .right:hover {
  background-position: 0 -21px;
}
.marquee-container .left {
  left: -25px;
  background-image: url(../images/announce-arrow-left.gif);
}
.marquee-container .right {
  right: -25px;
  background-image: url(../images/announce-arrow-right.gif);
}
.marquee, .marquee {margin: 0; padding: 0}
.marquee {
  overflow: hidden;
  white-space: nowrap;
}
.marquee li {
  display: inline-block;
  list-style-type: none;
  padding: 0 10px;

  /* IE7 compat */
  zoom: 1;
  *display: inline;
}

#ad-row #home_page {width: 940px; height: 192px; margin-bottom: 10px}

#referrals  { float: left; width:100%}
#referrals article { clear:both; border-top: 1px solid #cecece; padding: 10px 0 15px 0}
#referrals address {font-style: normal; float: right; width: 50%}
#referrals li, #referrals ul {margin: 0; padding: 0; position: relative}
#referrals h2 {font-size: 19px; }
#referrals h3 { font-size: 16px; }
#referrals h4 {position: absolute; right: 0; top: 0; font-size: 12px;}
#referrals li {list-style-type: none; margin: 1em 0; border-top: 1px dotted #DEDEDE; padding-top: 1em}
#referrals li li { border:0; padding-top: 0}

#summary article {margin-bottom:30px; width: 316px; float: left; margin-right: 24px; overflow:hidden;}
#summary article .more a {
  border-width: thin 0; border-style: solid; border-color: #dedede;
  text-align: right; display: block; padding: 0.5em 0;
}
#summary article:nth-child(odd) {clear: left}

/* PROJECTS PAGES */

#main-content.projects { border:0; padding:0; width: 960px; }
	.paginate { margin-bottom: 20px; }
	.paginate .back { float: left; width: 40px; }
	.paginate .back a {display:inline-block; width: 27px; height: 27px; overflow:none; background: url(../images/projects/back-sprite.png) no-repeat 0 0;}
	.paginate .back a:hover {background-position: 0 -27px; }
	.paginate .title { float: left; width: 780px;  font-family: myriad-pro-condensed,'arial narrow',sans-serif; font-weight: 700; font-style:normal; color:#669933; font-size: 25px;  margin: 0; }
	.paginate .right { float: left; width: 140px; text-align: right; padding-top: 8px; color: #cdcdcd; text-transform: uppercase}

	.meta-data { background:#f0efe8; padding:10px; }
	.meta-data .title { float: left; font-family: myriad-pro-condensed,'arial narrow',sans-serif; font-weight: 700; font-style:normal; color: #454545; font-size: 19px; margin: 0; }
	.meta-data .data { float: left; padding-top:6px;}
	.photo-set { width: 960px; height: 480px; margin-top:15px;}
	.photo-set .main-photo { width: 720px; margin-right: 10px; float:left; }
	.photo-set .thumbnails {float:left; overflow:hidden; position: relative; width: 226px; height: 480px;}
	.photo-set .thumbnails .thumbnail-images {width: 226px; height: 480px; overflow: hidden}
	.photo-set .thumbnails .img { margin-top:15px; cursor: pointer}
	.photo-set .thumbnails .img:first-child {margin-top: 0}
	.photo-set .thumbnails img.prev,
	.photo-set .thumbnails img.next {left: 98px; position: absolute; cursor: pointer}
	.photo-set .thumbnails img.prev:hover,
	.photo-set .thumbnails img.next:hover {opacity: 0.8}
	.photo-set .thumbnails img.prev {top: 0}
	.photo-set .thumbnails img.next {bottom: 0}

	table.projects { margin-top:20px;}
	table.projects th { background:#f0efe8; border-right: 1px solid #FFFFFF;padding: 10px 6px;  font-family: myriad-pro-condensed,'arial narrow',sans-serif; font-weight: 700; font-size: 14px; }
	table.projects th a { text-decoration:none; color:#272727; }
	table.projects th a:hover, table.projects th a.current { text-decoration:underline;  }
	table.projects td { padding:10px 6px; font-size: 12px; font-family: myriad-pro,arial,sans-serif;font-style:normal; font-weight: 400;  border-bottom: 1px dashed #dedede; }
	table.projects td a {font-weight: 700;}

	table.data {margin-top:20px; width: 100%; }
	table.data td, table.data th { padding: 7px 5px; font-size: 13px; font-family: myriad-pro,arial,sans-serif; background:#f8f7f3; font-style:normal; font-weight: 400; border-bottom: 1px solid #FFFFFF;}
	table.data th { font-family: myriad-pro-condensed,'arial narrow',sans-serif; font-weight: 700; font-size: 14px; background:#f0efe8; width:120px;}
	table.data td:empty:before {content: "--"}

/* REFERRAL PAGES */

.paginate-state { margin: 15px 0; background:#f0efe8; padding:10px; color: #454545; text-transform: uppercase}

/* TRAINING PAGES */

table.schedule { border:1px solid #d2d2d2; !important; }
	table.schedule th { text-align:center; background:#f0efe8; border-right: 1px solid #FFFFFF;padding: 8px 8px;  font-family: myriad-pro-condensed,'arial narrow',sans-serif; font-weight: 700; font-size: 14px; }
	table.schedule td { text-align:center; padding:8px 8px; font-size: 12px; font-family: myriad-pro,arial,sans-serif;font-style:normal; font-weight: 400;  border-top: 1px dashed #dedede; }

/* The below styles are to repair problem styles with the calendar */
#idEventSummaryContainer UL.boxesList LI .boxContainer .boxBodyContentContainer .inner {
  max-height: 210px;
  overflow: hidden;
}
#idPrimaryContentBlock1Content .boxViewOutline H4.boxHeaderTitle a {
  color: white !important;
}
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(../images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../images/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

.cropped {overflow: hidden}

#project-login {float: right}
#project-login em {font-size: 90%}

/*-------------------dlaší kalendář----------------------*/


.fc {
	direction: ltr;
	text-align: left;
}

.fc-rtl {
	text-align: right;
}

body .fc { /* extra precedence to overcome jqui */
	font-size: 1em;
}


/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
	border-color: #ddd;
}

.fc-unthemed .fc-popover {
	background-color: #fff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
	background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	color: #666;
}

.fc-unthemed .fc-today {
	background: #fcf8e3;
}

.fc-highlight { /* when user is selecting cells */
	background: #bce8f1;
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
}

.fc-bgevent { /* default look for background events */
	background: rgb(143, 223, 130);
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
}

.fc-nonbusiness { /* default look for non-business-hours areas */
	/* will inherit .fc-bgevent's styles */
	background: #d7d7d7;
}


/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

.fc-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	font-size: 1em;
	text-align: center;
	overflow: hidden;
	font-family: "Courier New", Courier, monospace;

	/* don't allow browser text-selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}

/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/

.fc-icon:after {
	position: relative;
	margin: 0 -1em; /* ensures character will be centered, regardless of width */
}

.fc-icon-left-single-arrow:after {
	content: "\02039";
	font-weight: bold;
	font-size: 200%;
	top: -7%;
	left: 3%;
}

.fc-icon-right-single-arrow:after {
	content: "\0203A";
	font-weight: bold;
	font-size: 200%;
	top: -7%;
	left: -3%;
}

.fc-icon-left-double-arrow:after {
	content: "\000AB";
	font-size: 160%;
	top: -7%;
}

.fc-icon-right-double-arrow:after {
	content: "\000BB";
	font-size: 160%;
	top: -7%;
}

.fc-icon-left-triangle:after {
	content: "\25C4";
	font-size: 125%;
	top: 3%;
	left: -2%;
}

.fc-icon-right-triangle:after {
	content: "\25BA";
	font-size: 125%;
	top: 3%;
	left: 2%;
}

.fc-icon-down-triangle:after {
	content: "\25BC";
	font-size: 125%;
	top: 2%;
}

.fc-icon-x:after {
	content: "\000D7";
	font-size: 200%;
	top: 6%;
}


/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc button {
	/* force height to include the border and padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	/* dimensions */
	margin: 0;
	height: 2.1em;
	padding: 0 .6em;

	/* text & cursor */
	font-size: 1em; /* normalize */
	white-space: nowrap;
	cursor: pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner { margin: 0; padding: 0; }
	
.fc-state-default { /* non-theme */
	border: 1px solid;
}

.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* icons in buttons */

.fc button .fc-icon { /* non-theme */
	position: relative;
	top: -0.05em; /* seems to be a good adjustment across browsers */
	margin: 0 .2em;
	vertical-align: middle;
}
	
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
}

.fc-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
	background-color: #cccccc;
	background-image: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
}


/* Buttons Groups
--------------------------------------------------------------------------------------------------*/

.fc-button-group {
	display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/

.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
	float: left;
	margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child { /* same */
	margin-left: 0;
}


/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover {
	position: absolute;
	box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

.fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */
	padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
	margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
	cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
	float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
	float: right;
}

/* unthemed */

.fc-unthemed .fc-popover {
	border-width: 1px;
	border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	font-size: .9em;
	margin-top: 2px;
}

/* jqui themed */

.fc-popover > .ui-widget-header + .ui-widget-content {
	border-top: 0; /* where they meet, let the header have the border */
}


/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/

.fc-divider {
	border-style: solid;
	border-width: 1px;
}

hr.fc-divider {
	height: 0;
	margin: 0;
	padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
	border-width: 1px 0;
}

.fc-clear {
	clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
	/* these element should always cling to top-left/right corners */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.fc-bg {
	bottom: 0; /* strech bg to bottom edge */
}

.fc-bg table {
	height: 100%; /* strech bg to bottom edge */
}


/* Tables
--------------------------------------------------------------------------------------------------*/

.fc table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em; /* normalize cross-browser */
}

.fc th {
	text-align: center;
}

.fc th,
.fc td {
	border-style: solid;
	border-width: 1px;
	padding: 0;
	vertical-align: top;
}

.fc td.fc-today {
	border-style: double; /* overcome neighboring borders */
}


/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/

.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
	/* no visible border by default. but make available if need be (scrollbar width compensation) */
	border-style: solid;
	border-width: 0;
}

.fc-row table {
	/* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
	border-left: 0 hidden transparent;
	border-right: 0 hidden transparent;

	/* no bottom borders on rows */
	border-bottom: 0 hidden transparent; 
}

.fc-row:first-child table {
	border-top: 0 hidden transparent; /* no top border on first row */
}


/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/

.fc-row {
	position: relative;
}

.fc-row .fc-bg {
	z-index: 1;
}

/* highlighting cells & background event skeleton */

.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
	bottom: 0; /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
	height: 100%; /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
	border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
	z-index: 2;

}

.fc-row .fc-highlight-skeleton {
	z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/

.fc-row .fc-content-skeleton {
	position: relative;
	z-index: 4;
	padding-bottom: 2px; /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
	z-index: 5;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
	/* see-through to the background below */
	background: none; /* in case <td>s are globally styled */
	border-color: transparent;

	/* don't put a border between events and/or the day number */
	border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */
.fc-row .fc-helper-skeleton tbody td {
	/* don't put a border between event cells */
	border-top: 0;
}


/* Scrolling Container
--------------------------------------------------------------------------------------------------*/

.fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */
	overflow-y: scroll;
	overflow-x: hidden;
}

.fc-scroller > * { /* we expect an immediate inner element */
	position: relative; /* re-scope all positions */
	width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
	overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */
}


/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.fc-event {
	position: relative; /* for resize handle and other inner positioning */
	display: block; /* make the <a> tag block */
	font-size: .85em;
	line-height: 1.3;
	border-radius: 3px;
	border: 1px solid #3a87ad; /* default BORDER color */
	background-color: #3a87ad; /* default BACKGROUND color */
	font-weight: normal; /* undo jqui's ui-widget-header bold */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
	color: #fff; /* default TEXT color */
	text-decoration: none; /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
	cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed, /* causes a "warning" cursor. applied on body */
.fc-not-allowed .fc-event { /* to override an event's custom cursor */
	cursor: not-allowed;
}

.fc-event .fc-bg { /* the generic .fc-bg already does position */
	z-index: 1;
	background: #fff;
	opacity: .25;
	filter: alpha(opacity=25); /* for IE */
}

.fc-event .fc-content {
	position: relative;
	z-index: 2;
}

.fc-event .fc-resizer {
	position: absolute;
	z-index: 3;
}


/* Horizontal Events
--------------------------------------------------------------------------------------------------*/

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
	margin-left: 0;
	border-left-width: 0;
	padding-left: 1px; /* replace the border with padding */
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
	margin-right: 0;
	border-right-width: 0;
	padding-right: 1px; /* replace the border with padding */
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

/* resizer */

.fc-h-event .fc-resizer { /* positioned it to overcome the event's borders */
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	width: 5px;
}

/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-ltr .fc-h-event .fc-start-resizer:before,
.fc-ltr .fc-h-event .fc-start-resizer:after,
.fc-rtl .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-end-resizer:before,
.fc-rtl .fc-h-event .fc-end-resizer:after {
	right: auto; /* ignore the right and only use the left */
	cursor: w-resize;
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-ltr .fc-h-event .fc-end-resizer:before,
.fc-ltr .fc-h-event .fc-end-resizer:after,
.fc-rtl .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-start-resizer:before,
.fc-rtl .fc-h-event .fc-start-resizer:after {
	left: auto; /* ignore the left and only use the right */
	cursor: e-resize;
}


/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-day-grid-event {
	margin: 1px 2px 0; /* spacing between events and edges */
	padding: 0 1px;
}


.fc-day-grid-event .fc-content { /* force events to be one-line tall */
	white-space: nowrap;
	overflow: hidden;
}

.fc-day-grid-event .fc-time {
	font-weight: bold;
}

.fc-day-grid-event .fc-resizer { /* enlarge the default hit area */
	left: -3px;
	right: -3px;
	width: 7px;
}


/* Event Limiting
--------------------------------------------------------------------------------------------------*/

/* "more" link that represents hidden events */

a.fc-more {
	margin: 1px 3px;
	font-size: .85em;
	cursor: pointer;
	text-decoration: none;
}

a.fc-more:hover {
	text-decoration: underline;
}

.fc-limited { /* rows and cells that are hidden because of a "more" link */
	display: none;
}

/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {
	z-index: 1; /* make the "more" popover one higher than this */
}

.fc-more-popover {
	z-index: 2;
	width: 220px;
}

.fc-more-popover .fc-event-container {
	padding: 10px;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar {
	text-align: center;
	margin-bottom: 1em;
}

.fc-toolbar .fc-left {
	float: left;
}

.fc-toolbar .fc-right {
	float: right;
}

.fc-toolbar .fc-center {
	display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
	float: left;
	margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
	margin-left: 0;
}
	
/* title text */

.fc-toolbar h2 {
	margin: 0;
}

/* button layering (for border precedence) */

.fc-toolbar button {
	position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
	z-index: 2;
}
	
.fc-toolbar .fc-state-down {
	z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
	z-index: 4;
}

.fc-toolbar button:focus {
	z-index: 5;
}


/* View Structure
--------------------------------------------------------------------------------------------------*/

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}

.fc-view, /* scope positioning and z-index's for everything within the view */
.fc-view > table { /* so dragged elements can be above the view's main element */
	position: relative;
	z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/

/* day row structure */

.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
	/* we are sure there are no day numbers in these views, so... */
	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
	padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
	min-height: 4em; /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid {
	overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

/* week and day number styling */

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
	padding: 0 2px;
}

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
	padding-top: 2px;
	padding-bottom: 2px;
}

.fc-basic-view .fc-week-number {
	text-align: center;
}

.fc-basic-view .fc-week-number span {
	/* work around the way we do column resizing and ensure a minimum width */
	display: inline-block;
	min-width: 1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number {
	text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
	text-align: left;
}

.fc-day-number.fc-other-month {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid {
	position: relative;
	z-index: 2; /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
	min-height: 3em; /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
	padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
}


/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.fc .fc-axis { /* .fc to overcome default cell styles */
	vertical-align: middle;
	padding: 0 4px;
	white-space: nowrap;
}

.fc-ltr .fc-axis {
	text-align: right;
}

.fc-rtl .fc-axis {
	text-align: left;
}

.ui-widget td.fc-axis {
	font-weight: normal; /* overcome jqui theme making it bold */
}


/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container, /* so scroll container's z-index is below all-day */
.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
	position: relative;
	z-index: 1;
}

.fc-time-grid {
	min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
	border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
	z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
	position: relative;
	z-index: 2;
}

.fc-time-grid .fc-bgevent-skeleton,
.fc-time-grid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.fc-time-grid .fc-bgevent-skeleton {
	z-index: 3;
}

.fc-time-grid .fc-highlight-skeleton {
	z-index: 4;
}

.fc-time-grid .fc-content-skeleton {
	z-index: 5;
}

.fc-time-grid .fc-helper-skeleton {
	z-index: 6;
}


/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-slats td {
	height: 1.5em;
	border-bottom: 0; /* each cell is responsible for its top border */
}

.fc-time-grid .fc-slats .fc-minor td {
	border-top-style: dotted;
}

.fc-time-grid .fc-slats .ui-widget-content { /* for jqui theme */
	background: none; /* see through to fc-bg */
}


/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
	position: relative; /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
	position: absolute;
	left: 0;
	right: 0;
	/* top and bottom will be in by JS */
}


/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-event-container, /* a div within a cell within the fc-content-skeleton */
.fc-time-grid .fc-bgevent-container { /* a div within a cell within the fc-bgevent-skeleton */
	position: relative;
}

.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
	margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
	margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
	position: absolute;
	z-index: 1; /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
	/* background events always span full width */
	left: 0;
	right: 0;
}


/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/

.fc-v-event.fc-not-start { /* events that are continuing from another day */
	/* replace space made by the top border with padding */
	border-top-width: 0;
	padding-top: 1px;

	/* remove top rounded corners */
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
	/* replace space made by the top border with padding */
	border-bottom-width: 0;
	padding-bottom: 1px;

	/* remove bottom rounded corners */
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}


/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-time-grid-event {
	overflow: hidden; /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
	padding: 0 1px;
}

.fc-time-grid-event .fc-time {
	font-size: .85em;
	white-space: nowrap;
}

/* short mode, where time and title are on the same line */

.fc-time-grid-event.fc-short .fc-content {
	/* don't wrap to second line (now that contents will be inline) */
	white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
	/* put the time and title on the same line */
	display: inline-block;
	vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
	display: none; /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
	content: attr(data-start); /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
	content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
	font-size: .85em; /* make the title text the same size as the time */
	padding: 0; /* undo padding from above */
}

/* resizer */

.fc-time-grid-event .fc-resizer {
	left: 0;
	right: 0;
	bottom: 0;
	height: 8px;
	overflow: hidden;
	line-height: 8px;
	font-size: 11px;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
}

.fc-time-grid-event .fc-resizer:after {
	content: "=";
}