/* Styles For Pages Generated through the CMS */

.white-bg.pad-top {padding-top:20px;}

.container {padding:0px;margin:0 0px 10px 0px;position:relative;background:#FFF;z-index:979;}
.container .container {padding:0;margin:0px 0px 10px 0px;}
.container.tabs {margin:0;padding:0px;margin-left:36px;width:650px;}
.container.banner {margin-left:0;padding-top:0px;}
#regions .container.banner {margin-left:18px;}
#regions .container.tabs {margin-bottom:10px;}
.container.banner {border:none;}

img.container {padding:0px;margin:0px 0px 10px 0px;}

.full_width .grid_12 {
width:790px;
margin:0 85px;
text-align:left;	
}
.container p {
margin:0 0 15px 0;
color:#909090;
font:12px/18px arial;
}
.container h2, h2.container {
color:#4378AB;
font:18px/20px arial;
margin-bottom:10px;
float:none;
}
.container h3 {
color:#007375;
font:bold 14px/16px arial;
margin-bottom:10px;
}
.container .image-rotator {
background:#fff;
padding:5px;
border:1px solid #e0e0e0;
border-radius:5px;
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
border-radius:3px 3px 3px 3px;
width:262px;
height:186px;
position:relative;
overflow:hidden;
}
.container.photo-left .image-rotator {float:left;margin:0 20px 10px 0;}
.container.photo-right .image-rotator {float:right;margin:0 0 10px 20px;}
.container .image-rotator .cycle {
position:relative;
top:0px;
left:0px;
}
.container .image-rotator.banner {
width:auto;
height:auto;
width:790px;
height:225px;
padding:0px;
border:none;
}
.container .image-rotator.banner .cycle {
top:0px;
left:0px;
}
.container .image-rotator.banner img {
display:inline-block;
position:static;
}
.container .image-rotator .controls {
height:25px;
background:#f2f2f2;
position:absolute;
bottom:5px;
left:5px;
width:262px;
}
.container .image-rotator .controls a {
display:block;
position:absolute;
top:7px;
text-indent:-9999px;
}

.container .image-rotator .paging a {
display:none;
position:absolute;
top:50%;
margin-top:-17px;
text-indent:-9999px;
width:35px;
height:35px;
z-index:9999;
cursor:pointer;
}

.image-rotator:hover .paging a {
display:block;
}

.container .image-rotator .paging .prev  {
background:url(/style/images/loosecms/bg-prev.png) no-repeat top;
left:5px;
}
.container .image-rotator .paging .next  {
background:url(/style/images/loosecms/bg-next.png) no-repeat top;
right:5px;
}

.container .image-rotator.banner .paging .prev  {
left:0px;
}
.container .image-rotator.banner .paging .next  {
right:0px;
}

.container .ticker {
position:absolute;
bottom:10px;
right:15px;
z-index:9999;
}

.container .image-rotator .ticker {
position:absolute;
bottom:10px;
right:15px;
}
.container .image-rotator .ticker li {float:left;list-style:none;margin-left:5px;}
.container .image-rotator .ticker a {
background:url(/style/images/loosecms/bg-ticker.png) no-repeat top;
width:11px;
height:11px;
display:block;
text-indent:-999px;
}
.container .image-rotator .ticker .selected a {background-position:bottom;}
.container .image-rotator .ticker a:hover {background-position:center;}
.container .image-rotator .ticker .selected:hover a {background-position:bottom;}

.container .image-rotator .controls .prev  {
background:url(../img/blue-prev.png) no-repeat top;
height:12px;
width:12px;
left:5px;
}
.container .image-rotator .controls .next  {
background:url(../img/blue-next.png) no-repeat top;
height:12px;
width:12px;
right:5px;
}
.container .image-rotator .controls .play {
background:url(../img/blue-play.png) no-repeat top;
height:7px;
width:8px;
left:110px;
top:10px;
}
.container .image-rotator .controls .pause {
background:url(../img/blue-pause.png) no-repeat top;
height:7px;
width:6px;
left:130px;
top:10px;
}
.container.photo-left ul, .container.photo-left ol {list-style-position:inside;}
.container ul {
list-style:disc;
margin:0 0 15px 20px;
}
.container ol {
list-style:decimal;
margin:0 0 15px 20px;
}
.container li {
margin-bottom:5px;
font:12px/18px arial;
color:#909090;
}
.container li a {color:#004e7f;}
.container p a {color:#004e7f;}
.container strong {font-weight:bold;}
.container em {font-style:italic;}


/* Editing */

.container.edit {border:1px solid #b0b0b0;}
.container.edit:hover {border:1px solid #7b7b7b;
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
}
.container.banner.edit {border:1px solid #b0b0b0;padding:0px}
.container.banner.edit:hover {border:1px solid #7b7b7b;box-shadow:none;}
.container.banner.edit img {margin:0px;}
.container.banner.edit img:hover {
/*border:1px solid #7b7b7b;*/
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
}

.container.ad-graphic {
	padding:0px;
}

.container.ad-graphic-text {
	padding:0px;
}

.container.facebook-feed, .container.facebook-feed:hover {
	padding:0px;
	border:none;
}

.container.facebook-like {
	padding:0px;
}

.container.rotating-photo {
	padding:0px;
}

.ui-sortable-helper {
	z-index:10000 !important;
}

.ui-tabs-panel h2.container.heading {margin-left:0px}
.container h5 {
font:18px/20px arial;
color:#4378AB;
display:block;
text-align:center;
}
.container h6 {
font:12px/16px arial;
color:#a6a6a6;
display:block;
text-align:center;
}

/* Editing with Empty Divs */

.container.edit.text h5 {padding:30px 0 0 0;}
.container.edit.text h6 {padding:0 0 40px 0;}
.container.edit.heading h6 {padding:0 0 10px 0;}
.container.edit.photo-left h5, .container.edit.photo-right h5 {padding:80px 0 0 0;}

/* Hover Controls */

.hover-controls {
position:absolute;
top:10px;
right:10px;
z-index:9999;
border-radius:5px;
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
background:#fff;
border:1px solid #7b7b7b;
display:none;

}
.banner .hover-controls {top:20px;}
.heading .hover-controls {top:3px;}

.hover-controls li {
float:left;
list-style:none;
margin-bottom:0px;
font-size:11px;
}
#regions .ui-widget-content .hover-controls a {color:#004e7f;}
.hover-controls a {text-decoration:none;padding:2px 10px 2px 20px;display:block;height:100%;}
.hover-controls .move {background:url(../img/move-icon.png) no-repeat 8px 8px;border-right:1px solid #7b7b7b;}
.hover-controls li.edit {background:url(../img/edit-icon.png) no-repeat 5px 6px;border-right:1px solid #7b7b7b;}
.hover-controls .delete {background:url(../img/delete-icon.png) no-repeat 5px 6px;}
.hover-controls .move:hover {cursor:n-resize;}

/* Content Block Type Popup */

#content-block-types, #content-block-tab-types, #template-types {
width:560px;
background:#fff;
border-radius:7px;
padding:10px;
display:none;
}
.content-block, .template-type {padding:10px;border:1px solid #fff;border-radius:7px;}
.content-block img, .template-type img {
float:left;
margin-right:20px;
}
.content-block h2, .template-type h2 {
font:bold 12px/16px arial;
color:#004e7f;
padding:3px 0 2px 0;
float:none;
}
.content-block p, .template-type p {
font:12px/18px arial;
color:#909090;
padding-right:60px;
}
.content-block:hover, .template-type:hover {
background:#f5f5f5;
border:1px solid #d3d3d3;
cursor:pointer;
}

/* Tabbed Content */

#regions .ui-widget-content .tab-add {
color:#004e7f;
margin-left:41%;
text-align:center;
}
#regions .ui-widget-content .edit-tab {
background:#fff url(../img/edit-icon.png) no-repeat 15px 8px;
color:#004e7f;
position:absolute;
top:50px;
left:250px;
display:block;
z-index:9999;
border-radius:5px;
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
border:1px solid #7b7b7b;
width:140px;
padding-left:35px;
height:20px;
padding-top:4px;
text-decoration:none;
}

/* Page Type Popup */

#content-page-types {
width:460px;
background:#fff;
border-radius:7px;
padding:10px;
}

.page-block {
float:left;
margin-right:10px;
width:170px;
position:relative;
padding:10px;
border-radius:7px;
border:1px solid #fff;
}
.page-block h2 {
font:bold 12px/16px arial;
color:#004e7f;
text-align:center;
position:absolute;
bottom:30px;
left:62px;
}
.page-block .less {left:45px;}
.page-block:hover {
background:#f5f5f5;
cursor:pointer;
border:1px solid #d3d3d3;
}

.existing-sidebar, .newsletter-signup {
	background:url(../img/bg-header.png) repeat-x;
}

.existing-sidebar h2, .newsletter-signup h2 {
	text-align:center;
	color:#FFF;
}

#display .container {
	padding:0px;
	margin-left:0px;
	margin-right:0px;
}
