/*
 * Main directory
 */

div.directoryCategoriesMore {
	clear:both;
	
	text-align:right;
	
	margin:0;
	padding:0;
	
}

p.directoryCategoriesMore {
	text-align:right;
}

a.directoryCategoriesMore {
	position:relative;
	display:inline-block;
	
	background: transparent url(http://lgf.s3.amazonaws.com/getsupportbg.png) no-repeat scroll right center;
	
	text-decoration:none;
	color:#FFF;
	
	padding:0 12px 0 0;
	margin:0 15% 0 0;
	
	height:32px;
	
	top:-35px;
}

a.directoryCategoriesMore span {
	display:block;
	
	background-color:#F65A9B;
	
	line-height:32px;
	
	padding:0 1em;
}

ul.directoryCategories {
	display:block;
	
	width:80%;
}

ul.directoryCategories li {
	display:block;
	float:left;
}

ul.directoryCategories li a {
	display:block;
	
	/*background-color:#f991ba;*/
	background-color:#EFEFEF;
	
	text-decoration:none;
	font-size:1.1em;
	color:#333;
	
	padding:0.5em 1em;
	margin:0 3px 3px 0;
}

ul.directoryCategories li.selected a {
	background-color:#f750b3;
	
	color:#FFF;
}

ul.directoryCategories li a.disabled {
	color:#DEDEDE;
}

/*
 * Main directory category 'balloon' query tips
 * - style is applied to the span in the anchor and the js does the rest
 */
ul.directoryCategories li a span, ul.directoryCategories li.selected a span {
	display:none;
	
	background-color:#AE096C;
	
	text-align:center;
	color:#FFF;
	
	padding:2px;
	
	width:100px;
	
	position:absolute;
	top:0;
	left:0;
}

ul.directoryCategoriesResults {
	margin-top:2em;
}

ul.directoryCategoriesResults li {
	background-color: #EFEFEF;
	margin-bottom: 10px;
	box-shadow: 2px 2px 4px #CFCFCF;
	-moz-box-shadow: 2px 2px 4px #CFCFCF;
	-safari-box-shadow: 2px 2px 4px #CFCFCF;
	-icab-box-shadow: 2px 2px 4px #CFCFCF;
	-o-box-shadow: 2px 2px 4px #CFCFCF;
	-khtml-box-shadow: 2px 2px 4px #CFCFCF;
	clear:both;
	
	width: 540px;
	margin:0.5em 0 1em 0;
	padding: 10px;
}

ul.directoryCategoriesResults li h3, ul.directoryCategoriesResults li h4 {
	color: #135F9B;
	font-size: 1.5em;
	
	margin-bottom:0.8em !important;
}

.summary {
	width: 200px;
	margin-right: 20px;
	float: left;
}

.getintouch {
	width: 320px;
	float: left;
}

.summary p, .getintouch p {
	font-size: 1em;
}

.getintouch p {
	margin: 0;
	display: inline-block;
	padding: 2.5px 0;
	border-bottom: 1px solid #7BBFBF;
	float: left;
	clear: both;
}

.getintouch span {
	color: #F750B3;
}

ul.directoryCategoriesResults li p {
	margin-bottom: 10px;
}

ul.directoryCategoriesResults li img {
	float:left;
	
	margin:0 0.4em;
	
	width:147px;
	height:109px;
}

/*
 * Get Support
 */

ul.directoryTabs {
	margin-left:5px;
	margin-bottom:-5px;
}

ul.directoryTabs li {
	display:inline-block;
	background-color:#f991ba;
	
	font-size:0.9em;
	
	padding:10px 15px 5px;
	margin:0 5px 0 0;
}

ul.directoryTabs li.selected {
	position:relative;
	
	background-color:#f750b3;
	
	padding:10px 15px;
	
	top:5px;
}

ul.directoryTabs li a {
	color:#FFF;
	text-decoration:none;
}

ul.directoryPagination {
	float:left;
	
	margin-bottom:-15px;
	margin-right:10px;
}

ul.directoryPagination li {
	display:block;
	float:left;
	
	margin:0;
	padding:0;
}

ul.directoryPagination li.selected {
	position:static;
	
	background-color:#f750b3;
	
	padding:0;
}

ul.directoryPagination li a {
	display:inline-block;
	
	padding:5px 10px;
}

ul.directoryResult li {
	display:block;
	float:left;
	
	/*background-color:#999;*/
	background-position:top left;
	background-repeat:no-repeat;
	
	margin:0 15px 20px 0;
	
	width:147px;
	height:109px;
}

ul.directoryResult li a {
	display:block;
	
	background-color:#F991BA;
	
	text-decoration:none;
	font-size:0.9em;
	color:#FFF;
	
	padding:5px;
}

div.directoryTabShadow {
	float:left;
	
	background-image:url('/themes/lgf/images/directoryshadow.png');
	background-repeat:no-repeat;
	background-position:bottom right;
	
	margin-bottom:40px;
	padding:0 3px 3px 0;
}

div.directoryTabMap {
	background-image:url('/themes/lgf/images/directorymap.png');
	background-repeat:no-repeat;
	background-position:right top;
	
	margin-top:-50px;
	padding:50px 0 0 0;
	
	width:auto;
	min-height:300px;
	
	/*background-image:none;*/
}

div.directoryResult, div.directoryTabPages {
	background-color:#f3f3f3;
	
	padding:30px 25px;
	margin-bottom:0;
	
	width:416px;
}	

div.directoryTabPages {
	/*display:none;*/
}

div.directoryResult {
	padding:30px 20px 0;
	
	width:auto;
}

div.directoryResult div.directoryResultBlurb {
	display:none;
}

div.directoryResult div.directoryResultBlurbSelected {
	display:block;
}

#getintouch form, #getintouch form label {
	width: 298px;
	clear: both;
	display: block;
}

#getintouch form {
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #CFCFCF;
	display: inline-block;
}

#getintouch form p {
	margin-bottom: 20px;
	border: 0;
	
	color: #135F9B;
}

#getintouch form label {
	margin-bottom: 10px;
	
	color: #F550BE;
	font-size: 1em;
}

#getintouch form textarea {
	width: 285px;
}

#getintouch form .submit {
	float: right;
	margin: 0;
}

.directoryCategoriesResults #summary ul {
	padding-left: 20px;
	margin-bottom: 20px;
}

.directoryCategoriesResults #summary ul li {
	width: 180px;
	padding: 0;
	margin: 0 0 10px 0;
	list-style-type: disc;
	box-shadow: none;
	-moz-box-shadow: none;
	
	font-size: 1em;
}