/*
Theme Name: Phyls Academy
Theme URI: http://phylsacademy.com/
Description: The default theme for Phyls Academy.
Version: 1.0
Author: Maxwell Berkel
Author URI: http://solomediaworks.com/
Tags: one/two column, school, education

	This theme was designed and built by Maxwell Berkel.
	Developer at Solo Media Works (http://www.solomediaworks.com)

*/

html{color:#000; background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0}table{border-collapse:collapse; border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%}q:before,q:after{content:''}abbr,acronym{border:0; font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit}input,textarea,select{font-size:100%}legend{color:#000}del,ins{text-decoration:none}

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/*** General ***/
a {	color: #053CA9; text-decoration: none; }
a:hover { color: #0647CA; }
a.bulleted { background: url(images/bullet1.png) no-repeat 0 7px; margin: 0 0 4px 0; padding: 0 0 0 14px; }
a.back-to-top { font-size: 12px; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 1em; background: #fff url(images/main_bg.jpg) repeat-x top center; color: #111; text-align: center; }

h1, h2, h3, h4, h5, h6 { font-family: 'Droid Serif', serif; font-weight: normal;	color: #000; margin: 0 0 10px 0; }
h1 { font-size: 32px; margin-bottom: 18px; }
h2 { font-size: 22px; margin: 25px 0 8px; }
h3 { font-size: 18px; margin: 25px 0 2px; }
h4 { font-size: 18px; }

em { font-style: italic; }

h1.skip-sifr embed { display: none; }

iframe.bordered { border: 1px solid #dadada; background-color: #FDE370; padding: 6px; }

img, a img { border: 0; }
img.bordered { border: 1px solid #dedede; background-color: #efefef; padding: 6px; }
img.left { margin: 0 15px 10px 0; }
img.right {	margin: 0 0 10px 15px; }

hr { border: 0; border-bottom: 1px dotted #bbbbbb; margin: 20px 0; clear: both; }

p {	margin: 0 0 12px 0; }
p.bulleted { background: url(images/bullet1.png) no-repeat 0 7px; margin: 10px 0 8px 0; padding: 0 0 0 14px; }
p.error, span.error { color: #ff0000; }
p.required, span.required {	color: #ff0000; }

ol, ul { margin: 12px 0 14px; }
ol li { list-style: decimal; margin: 0 0 6px 22px; padding-left: 2px; }
ul li { list-style: circle url(images/bullet1.jpg); margin: 0 0 6px 15px; padding-left: 2px; }

a.highlight, a.highlight:hover, span.highlight, p.highlight { color: #fdfccc; }

p.small, small, span.small { font-size: 12px; }
p.error, span.error { color: #ff0000; }
p.required, span.required {	color: #ff0000; }

.edit-link { display: block; margin-top: 30px; clear: both; }
.test-page-status { display: block; height: 35px; clear: both; }
span.debug-mode { display: block; width: 80px; float: left; text-align: center; background-color: #000; color: #fff; font-size: 9px; padding: 6px 6px; margin: 0 4px 10px 0; }
span.testing-mode { display: block; width: 80px; float: left; text-align: center; background-color: #000; color: #fff; font-size: 9px; padding: 6px 6px; margin: 0 4px 10px 0; }

noscript { display: block; color: #ffffff; background: #ff0000; padding: 15px 20px; margin: 0 0 10px; clear: both; }


/*** Wrapper ***/
#wrapper { width: 864px; text-align: left; margin: 0 auto; }


/*** Header ***/
#header { height: 136px; background: url(images/header_bg.jpg) no-repeat bottom center; padding-left: 52px; clear: both; }

#logo { display: block; width: 110px; height: 120px; float: left; text-indent: -99999px; margin-top: 14px; }


/*** Banner ***/
#banner { height: 317px; background: url(images/banner_bg.jpg) no-repeat top center;	text-align: center;	clear: both; }
#banner #slideshow, #choose-a-campus { width: 777px; height: 315px; margin: 0 auto; }
#banner #slideshow { padding-top: 15px; height: 295px; }
#banner #logo-footer { position: absolute; width: 120px; height: 53px; margin-left: 48px; }

#choose-a-campus { background: url(images/main_banner_bg.jpg) no-repeat 12px 0; }
#choose-a-campus ul { list-style: none; padding: 55px 0 0; margin: 0; }
#choose-a-campus ul li { display: inline; float: left; list-style: none; padding: 0; margin: 0; }
#choose-a-campus ul li a { display: block; width: 175px; height: 235px; text-indent: -99999px; margin-left: 3px; }
#choose-a-campus a.campus-brooklyn-ny { background: url(images/campus_brooklyn.jpg) no-repeat top center; margin-left: 32px; }
#choose-a-campus a.campus-fort-lauderdale-fl { background: url(images/campus_fort_lauderdale.jpg) no-repeat top center; }
#choose-a-campus a.campus-miramar-fl { background: url(images/campus_miramar.jpg) no-repeat top center; }
#choose-a-campus a.campus-jonesboro-ga { background: url(images/campus_jonesboro.jpg) no-repeat top center; }


/*** Top Quick Links Navigation ***/
#quick-links-nav { width: 640px; height: 20px; float: right; font-size: .8em; color: #AABCDF; margin-top: 14px; }
#quick-links-nav a, #quick-links-nav a:hover { color: #fff; }
#quick-links-nav a.campus-fort-lauderdale.selected, 
#quick-links-nav a.campus-jonesboro.selected, 
#quick-links-nav a.campus-miramar.selected { color: #FFCC00; }
#quick-links-nav .campus-location { color: #FFCC00; margin: 0 5px 0 10px; }
#quick-links-nav .mn-campus { margin-right: 15px; }
#quick-links-nav .mn-home { margin-left: 15px; }


/*** Navigation styles ***/
#nav { height: 17px; list-style: none;  font-size: 14px; text-align: left; padding: 0; margin: 0 0 30px; clear: both; }
#nav li { display: inline; float: left; list-style: none; padding: 0; margin: 0; }
#nav li a { display: block; color: #000; font-weight: bold; padding: 7px 8px 8px; margin: 0 1px; }
#nav li a:hover, #nav li a.selected, 
#nav li.current-menu-item a, #nav li.current-category-ancestor a, #nav li.current-post-parent a { color: #000; }

#nav li ul { position: absolute; display: block; visibility: hidden; width: 220px; background: #e8b800; list-style: none; text-align: left; padding: 10px 0 16px; margin: 0; z-index: 1000; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-radius-bottomleft: 7px; -webkit-border-radius-bottomright: 7px; }
#nav li ul li { width: 220px; list-style: none; background: none; font-weight: normal; padding: 0;  margin: 0; clear: both; }
#nav ul li a { display: block; width: 180px; padding: 5px 20px; margin: 0; }
#nav ul li a:hover { color: #000; background: #ffc900;  }


/*** Content styles ***/
#container { min-height: 380px; height: auto !important; height: 380px; background: url(images/content_bg.png) no-repeat top center;	padding: 0 45px 15px; clear: both; }

#content {	width: 515px; float: left; line-height: 1.3em; text-align: justify; padding-top: 18px; }
#container.onecolumn #content { width: auto; float: none; }

#sidebar { width: 220px; float: right; padding-top: 33px; }
#sidebar div.space { height: 28px; clear: both; }
#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4 { margin-top: 0; }

.map { margin: 20px 0 0; clear: both; }

a.btn-larger-map { display: block; width: 272px; height: 44px; background: url(images/btn_larger_map.png) no-repeat top left; text-indent: -99999px; }

div.image-panel { text-align: center; padding: 18px 0 20px; }
div.image-panel img { border: 1px solid #dedede; background: #efefef; margin: 0 auto;	padding: 8px; }
	
a.btn-make-a-payment { display: block;	width: 185px; height: 108px; background: url(images/sb_btn_make_a_payment.png) no-repeat top left; text-indent: -99999px; padding: 0; margin: 10px 0 4px; clear: both; }
a.btn-aftercare-payment { display: block; width: 185px; height: 138px; background: url(images/sb_btn_aftercare_payment.png) no-repeat top left; text-indent: -99999px; padding: 0; margin: 18px 0 0; clear: both; }

#status-message { background: #FEFFC2; border-bottom: 1px dotted #ccc; margin: 0 0 12px; padding: 20px 28px; clear: both; }
#status-message.errors { color: #fff; background-color: #f00;	font-weight: bold; }


/*** Footer ***/
#footer { text-align: center; font-size: 11px; padding: 25px 0 15px; clear: both; }
#footer p { margin: 0 0 6px; }

#footer-nav { height: 14px; text-align: center; list-style: none; padding: 0; margin: 0 0 12px; clear: both; }
#footer-nav li { display: inline; list-style: none; padding: 0; margin: 0; }
#footer-nav li a { font-size: 12px; margin: 0 8px; }

#powered-by { display: block; width: 90px; height: 36px; background: url(images/powered_by_smw.jpg) no-repeat top center; text-indent: -99999px;	margin: 10px auto 0; }


/*** Widget Area ***/
.widget-panel { display: block; margin: 0 0 35px; }
.widget-panel .dig-in { font-size: 13px; }

.upcoming { list-style: none; padding: 3px 0 0; margin: 0; }
.upcoming li { list-style: none; padding: 0; margin: 0 0 15px; }
.upcoming .event-summary .event a,
.upcoming .event-summary .event a:hover { font-weight: bold; color: #000000; }
.upcoming .event-summary .when { font-size: 13px; margin-bottom: 4px; }
.upcoming .event-summary .more-link { font-size: 13px; }

/*** Home page ***/
#content ul.jump-list { list-style: none; padding: 0 0 0 18px; margin: 0; }
#content ul.jump-list li { display: inline;	float: left; list-style: none; margin: 0; padding: 0; }
#content ul.jump-list li a { display: block; width: 239px; height: 88px; text-indent: -99999px; margin-bottom: 10px; }
#content ul.jump-list li a.student-registration { background: url(images/icon_student_registration.jpg) no-repeat top center; }
#content ul.jump-list li a.lunch-schedule { background: url(images/icon_lunch_menu.jpg) no-repeat top center; }
#content ul.jump-list li a.upcoming-events { background: url(images/icon_events_calendar.jpg) no-repeat top center; }
#content ul.jump-list li a.new-campus { background: url(images/icon_georgia_campus.jpg) no-repeat top center; }

#uniform-ad { margin-top: 35px; }


/*** Map and directions ***/
#content ul.locations { width: 275px; float: left; list-style: none; margin: 0; }
#content ul.locations li { list-style: none; margin: 0; padding: 15px; }
#content ul.locations li.selected { background-color: #F0F8FF; border: 1px solid #E3EBF2; }
#content div.map { width: 480px;height: 470px; float: right; }
#content div.map iframe { border: 1px solid #dadada; background-color: #FDE370; padding: 6px; }


/*** Programs ***/
img.aftercare-logo { margin-left: 140px; clear: both; }


/*** Ads ***/
#ad-uniform-purchase { width: 416px; margin: 30px 0 10px; clear: both; }


/*** Photo Gallery ***/
.slideshowlink { display: none; }

div.piclenselink a { display: block; width: 247px; height: 43px; background: url(images/launch_cooliris.jpg) no-repeat center center; text-indent: -99999px; border: 1px solid #efefef; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;  padding: 8px; margin: 5px 0 10px; clear: both; }




/*** Lunch Menu ***/
ul.lunch-menu-list { list-style: none; padding: 0; margin: 25px 0 0; }
ul.lunch-menu-list li { list-style: none; padding: 0; margin: 0 0 18px; }
ul.lunch-menu-list .title { display: block; font-weight: bold; }
ul.lunch-menu-list .summary { display: block; }
ul.lunch-menu-list .read-more { display: block; /* background: url(images/pdf.png) no-repeat top left; padding-left: 38px; */ }


/*** Newsletter ***/
ul.newsletter-list { list-style: none; padding: 0; margin: 25px 0 0; }
ul.newsletter-list li { list-style: none; padding: 0; margin: 0 0 18px; }
ul.newsletter-list .title { display: block; font-weight: bold; }
ul.newsletter-list .summary { display: block; }
ul.newsletter-list .read-more { display: block; /* background: url(images/pdf.png) no-repeat top left; padding-left: 38px; */ }


/*** Buttons ***/
button { display: block; width: 124px; height: 44px; border: 0;	text-align: left; margin-bottom: 15px; }

button.back { 	background: url(images/btn_back.png) no-repeat top left; text-indent: -99999px; }
button.confirm { 	background: url(images/btn_confirm.png) no-repeat top left; text-indent: -99999px; }
button.continue { background: url(images/btn_continue.png) no-repeat top left;	text-indent: -99999px; }
button.download {	background: url(images/btn_download.png) no-repeat top left; text-indent: -99999px; }
button.larger-map { background: url(images/btn_larger_map.png) no-repeat top left;	text-indent: -99999px; }
button.print { background: url(images/btn_print.png) no-repeat top left;	text-indent: -99999px; }
button.sign-in {	background: url(images/btn_sign_in.png) no-repeat top left; text-indent: -99999px; }
button.submit {	background: url(images/btn_submit.png) no-repeat top left; text-indent: -99999px; }
button.subscribe {	background: url(images/btn_subscribe.png) no-repeat top left; text-indent: -99999px; }


/*** UI Tabs ***/
ul.tabs { list-style:none; margin:0 !important; padding:0; height:30px; border-bottom:1px solid #666; }
ul.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style:none !important; }

ul.tabs a { background: url(images/tabs_bg.png) no-repeat -652px 0; font-size:15px; font-weight: bold;	display:block; height: 30px; line-height:30px; width: 111px; text-align:center; text-decoration:none; color:#000; padding:0px; margin:0px; position:relative; top:1px; }
ul.tabs a:active { outline:none; }
Ul.tabs a:hover { background-position: -652px -31px; color:#fff;	}

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-position: -652px -62px; cursor:default !important; color:#000 !important; }

ul.tabs a.w1 { background-position: -519px 0; width:134px; }
ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }

ul.tabs a.w2 { background-position: -366px -0px; width:154px; }
ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }

ul.tabs a.w3 { background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }

ul.tabs a.w4 { background-position: -0px -0px; width:248px; }
ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }

div.panes div.pane { display:none; }
div.panes div { min-height: 290px; border:1px solid #999; border-top:0; padding: 15px; }


/*** Events Calendar ***/
#tec-content { 
	font-size: 1em;
	margin: 0 0 15px; 
	clear: both; 
}
#tec-content a.back-to-events { display: block; font-weight: bold; margin: 20px 0 0; clear: both; }
#tec-content #googlemaps { display: block; border: 1px solid #ddd; background: #efefef; padding: 5px; margin: 18px 0 5px; clear: both; }
#tec-content #googlemaps iframe { border: 0; }
#tec-content #googlemaps small { display: none; }
.category-events #tec-content {
	background:#fff;
	width:670px;
	padding:1px 35px;
	margin-left:10px;
}
#tec-events-calendar-header {
	position:relative;
	padding: 0;
	margin: 0;
 	clear: both;
}
h2.tec-cal-title {
	float:left;
	padding-right:15px;
	margin-bottom: 33px;
}
#calendar-actions {
	margin: 4px 0 12px;
	clear: both;
}
a.ical {
	display: block; 
	width: 76px; 
	float: left;
	color:#fff;
	font-size:11px;
	background:#00349b;
	text-align: center;
	padding: 5px 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:2px;
}
.tec-switcher-buttons {
	width: 200px;
	float: right;
	text-align: right;
	list-style: none;
	padding: 0;
	margin: 0;
}
.tec-switcher-buttons li {
	display: inline;
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;	
}

.tec-switcher-buttons li a {
	display: block;
	width: 80px;
	background:#999;
	border-radius:3px;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	margin:0 0 0 3px;
	padding: 5px 0;
	text-align:center;
	text-shadow:1px 1px 0 rgba(0,0,0,.5);
	text-transform:uppercase;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.tec-switcher-buttons li a:hover {
	color: #fff;
}
.tec-switcher-buttons a.tec-button-on {background:#00349b;}
.tec-switcher-buttons a.tec-button-off {background:#999;}
.tec-month-nav { 
	position: relative; 
	display: block; 
	width: 100%; 
	left: 0; 
	color: #111; 
	padding: 7px 0 5px; 
	margin: 0; 
	clear: both; 
	background: #ffc900; 
}
.tec-month-nav .tec-cur-month { 
	width: 50%; 
	font-weight: bold; 
	font-size: 20px; 
	text-align: center; 
}
.tec-prev-month {
	width: 25%; 
	font-size: 14px; 
	text-align: left; 
	padding-left: 25px;
}
.tec-next-month {
	width: 25%; 
	font-size: 14px; 
	text-align: right; 
	padding-right: 25px;
}
.tec-month-nav .tec-prev-month a, 
.tec-month-nav .tec-next-month a, 
.tec-month-nav .tec-prev-month a:hover, 
.tec-month-nav .tec-next-month a:hover { 
	color: #111; 
}

#tec-nav-above {margin:5px 0 0;}
.category-events #tec-nav-below {margin:21px 0;}
select.tec-events-dropdown {
	width:auto;
	font-size:11px;
	margin:33px 9px 0 0;
}
.category-events .post {
	padding:0 0 12px 10px;
	overflow:hidden;
	margin-bottom:0;
}
.category-events .upcoming .entry-title {
	font-size:15px;
	margin:15px 0 6px;
}
.category-events .entry-title a, .tec-event-meta-desc, .tec-event-day {color:#555;}
.category-events .post .alt {
	background:#f9f9f9;
	border-width:0;
}
table.tec-calendar {
	margin: 0 0 15px;
	clear:both;
	font-size:12px;
	border-collapse:collapse;
	border:1px solid #aaa;
	clear: both;
}
.tec-calendar .daynum {
	background-color: #eee;
	color:#333;
	font-size:10px;
	padding:3px 9px;
}
.tec-calendar td.tec-present .daynum {
	background-color: #ffc900;
	color: #222;
}
.tec-calendar td.tec-past .daynum {color: #aaa;}
.tec-calendar th {
	width: 250px;
	height: 10px;
	background: #111 url(images/grid-th-bg.png) repeat-x;
	color: #fff;
	padding:4px 0;
	text-shadow:1px 1px 0 rgba(0,0,0,.5);
	text-align:center;
}
.tec-calendar td {
	height: 100px;
	width:14.28%;
	color: #114B7D;
	vertical-align: top;
	border:1px solid #aaa;
	padding:0;
}

.tec-calendar td .tec-event {
	padding:6px 9px;
	line-height:1.2;
}
.tec-calendar td a {font-size:91.7%;}
.tec-calendar hr {
	border:0 none !important;
	display:block;
	height:1px;
	background-color:#D4DBCC;
	margin:0 9px;
}
.tec-calendar .tec-event {position:relative;}
.tec-calendar .tec-tooltip {
	border:1px solid #666;
	position:absolute;
	z-index:1001;
	bottom:30px;
	left:3px;
	width:320px;
	background-color:#f9f9f9;
	color:#333;
	line-height:1.4;
}
.tec-tooltip .tec-arrow {
	width:19px;
	height:11px;
	display:block;
	background:url(images/tooltip-arrow.png) no-repeat 0 bottom;
	position:absolute;
	bottom:-11px;
	left:20px;
}
.tec-calendar .tec-right .tec-tooltip {
	left:auto;
	right:3px;
}
.tec-right .tec-tooltip .tec-arrow {
	left:auto;
	right:30px;
}
.tec-tooltip .tec-event-title {
	margin:0;
	color:#fff;
	background:#003287 url(images/tooltip-title.png) repeat-x;
	font-size:12px;
	padding:0 8px;
	height:26px;
	line-height:26px;
}
.tec-tooltip .tec-event-body {
	font-size:11px;
	padding:5px 8px 8px;
}
.tec-tooltip .tec-event-date {
	font-style:italic;
	margin:3px 0;
}
.tec-event .post {position:relative;}
.list-of-upcoming-events {
	list-style: none;
	padding: 0;
	margin: 0 0 20px;
	clear: both;
}
.list-of-upcoming-events >li { 
	list-style: none;
	text-align: left;
	border-bottom: 1px dotted #ccc;
	padding: 18px 0 6px;
	margin: 0;
	clear: both;
}
.list-of-upcoming-events .event-date {
	font-size: 14px;
	margin: 0 0 4px;
	clear: both;
}
.list-of-upcoming-events .event-title { 
	font-size: 20px;
	clear: both;
}
.list-of-upcoming-events .event-venue {
	display: block;
	font-size: 12px;
	font-style: italic;
	margin: 4px 0 0;
	clear: both;
}
.tec-nav-previous {
	height: 20px;
	float: left;
	font-size: 13px;
	padding-right: 10px;
}
tec-nav-next {
	height: 20px;
	float: left;
	font-size: 13px;
	padding-left: 10px;
}
.back-to-events {
	display: block;
	font-size: 12px;
	margin: 0 0 15px;
}
.event-has-past {}
#tec-event-meta {
	border-width:1px 0;
	border-style:solid;
	border-color:#aaa;
	margin: 18px 0 12px;
	padding: 12px 0 2px;
	overflow:hidden;
	clear:both;
	font-size: 12px;
}
#tec-event-meta .column {
	float:left;
	width:45%;
	padding:0 4% 0 0;
	text-align:left;
	margin:0;
}
#tec-event-meta dt {
	float:left;
	clear:left;
	font-weight:bold;
	width:70px;
}
#tec-event-meta dd {
	padding:0;
	margin-left:70px;
	margin-bottom: 10px;
}
#tec-event-meta .gmap, .tec-event-meta-desc .gmap {
	color:#fff;
	font-size:9px;
	background:#3D6294;
	padding:1px 3px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
span.back {margin:12px 0 0;}
#tec-events-loop {
	font-size:13px;
	clear:both;
	margin: 10px 0 0;
}
.tec-events .tec-event-entry {
	width:60%;
	float:left;
	padding:0 5% 0 0;
}
.tec-events .tec-event-list-meta {
	float:right;
	border-left:1px solid #ccc;
	padding:0 0 0 4%;
	width:30%;
	font-size:12px;
	margin-bottom:20px;
}
.tec-event-list-meta table {border-collapse:collapse;}
.tec-event-list-meta td {
	vertical-align:top;
	padding-bottom:4px;
	text-align:left;
}
.tec-event-meta-desc {
	font-weight:bold;
	padding-right:12px;
	width:64px;
}
h4.tec-event-day {
	font-weight:bold;
	font-size:18px;
	margin:12px 0 -3px;
	clear:both;
}
h4.tec-event-day + .post .entry-title {margin-top:6px;}
#eventbrite-embed {
	width:100%;
	min-height:225px;
	margin:24px 0;
}


/*** Next Gen Photo Gallery ***/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	width: 110px;
	height:155px;
	padding: 0 !important;
	margin:0px !important; 
	text-align:center;
}

.ngg-album-compactbox {
	float: left;
	background: none;
	height:95px;
	margin:0px !important;
	padding:0px !important;
	width:105px;
}


.ngg-album-compactbox .Thumb {
	margin:5px 0 0 1px !important;
	padding:5px !important;
	border: 1px solid #ccc;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:4px;
	margin-top:2px;
	clear:both;
}

.ngg-album-compact h4 a, .ngg-album-compact h4 a:hover {
	color: #000;
	text-decoration: none;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:0px;
}

.ngg-album-info { 
	float: right;
	width: 125px;
	padding: 20px 10px 0 0;
	text-align: left;
}

.ngg-album-desc {
	font-size: 15px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 3px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	background-color:#fff;
	border: 1px solid #ccc;
	display:block;  
	margin:4px 5px 4px 0;
	padding:5px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #dfdfdf;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
	text-align:left;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
} 

/* ----------- Gallery list -------------*/

.ngg-galleryoverview ul li:before {
	content: '' !important;
}

.ngg-gallery-list {
	list-style-type:none;
	padding: 0px !important;
	text-indent:0px !important;	
}

.ngg-galleryoverview div.pic img{
	width: 100%;	
}

.ngg-gallery-list li {
	float:left;
	margin:0 2px 0px 2px !important;
	overflow:hidden;
}

.ngg-gallery-list li a {
	border:1px solid #CCCCCC;
	display:block;
	padding:2px;
}

.ngg-gallery-list li.selected a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
}

.ngg-gallery-list li img {
	height:40px;
	width:40px;	
}

li.ngg-next, li.ngg-prev {
	height:40px;
	width:40px;	
	font-size:3.5em;
}

li.ngg-next a, li.ngg-prev a  {
	padding-top: 10px;
	border: none;
	text-decoration: none;
}