/* Include additional required styles */
@import url("/templates/southernstorage_take2/topmenu.css");
@import url("/templates/southernstorage_take2/mainmenu.css");
@import url("/templates/southernstorage_take2/layout.php");

@font-face {
    font-family: 'Parchment';
    src: url('/fonts/parchment_mf-webfont.eot');
    src: url('/fonts/parchment_mf-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/parchment_mf-webfont.woff') format('woff'),
         url('/fonts/parchment_mf-webfont.ttf') format('truetype'),
         url('/fonts/parchment_mf-webfont.svg#parchment_mfregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

a{

  -webkit-transition: all .15s ease-out; 
     -moz-transition: all .15s ease-out; 
       -o-transition: all .15s ease-out; 
          transition: all .15s ease-out; 
color:black;
}
li {
margin-left/*\**/:12px\9;
}
a:hover {
color:blue;
}
h2 {
font-size:1.9em;
}

h1, h2 {
font-family: sans-serif;
font-weight:700;
}
.masthead_content span {
color: white;
text-transform: uppercase;
position: relative;
font-size: 1.3em;
top: 120px;
left: 220px;
}
i.underline {
font-style: normal;
text-decoration: underline;
}
.fadein{
position: relative;
width: 400px;
height: 234px;
}
.fadein img {
position: absolute;
}
.locations{
float:left;
margin:0 10px;
width: 460px;
}
.locations a {
}
.locations img {
box-shadow:0 0 1px 1px black;
margin:10px 0;
float:left;
vertical-align: middle;
}
.locations img:hover {
box-shadow:0 0 5px 2px black;
}

.locations h3{
font-size:1.0em;
font-size/*\**/: 0.9em\9;
text-align: center;
font-weight:400;
margin:10px 10px 0 20px;
color:black;
float:left;
}
.address_cont h3{
margin-bottom: 0px;
}
.center {left:0;margin:0 auto !important;}
.white {color:white;}
.descriptions {
position:relative;
z-index:2;
background-color:#CCC;
width:450px;
margin:10px;
}
.descriptions:after {
content:'';
position:absolute;
top:100%;
background: url("/images/descr-bottom.png")no-repeat top left;
height:17px;
width:450px;
}
.descriptions p {
position:relative;
z-index:2;
text-align:center;
padding:10px 5px;
}
.left-img { 
width:450px; 
 }
.contact-loc h6, .contact-loc h3, .contact-loc section {font-size:1em;text-align:center;}

.contact-loc img, .contact-loc section {width:95%;}

.size-chart {
margin:0 10px;
}
.size-chart img {
margin:0 0 15px 0;
}
.btn {
background: #1677AA;
text-align: center;
vertical-align: middle;
font-weight: bold;
margin:20px auto;
display: block;
width:auto;
color: white;
text-decoration: none;
padding:30px 10px;
font-size: 2em;
border-radius: 10px;
text-shadow:-1px -1px 0 black;
border: 3px solid #666;
}
.btn:hover {
background:#2A92C9;
box-shadow:inset 0 0 10px 1px #999;
color:white !important;
}
.btn:active {
background:#185B7E;
color:#ddd;
box-shadow:inset 0 0 10px 1px black;
}
/* ############## */
/* Table Styling */
/* ############## */
table.middle {
  width: 100%;
  background-color: #ffffff;
  margin: 5px 0px 5px 0px;
}
.table-head {
  background: #CACACA;
  text-align: left;
  color: #595959;
  font: bold 11px trebuche, verdana, geneva, lucida, arial, helvetica, sans-serif;
  padding: 3px 6px 3px 6px;
  white-space: nowrap;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
}
.table-instruct {
  background-color: #CACACA;
  text-align: left;
  font-family: Arial;
  font-size: 12px;
}
.table-body {
  font-family: Arial;
  font-size: 13px;
}

/* ############ */
/* Form Styling */
/* ############ */

.formbody .head {
	background: #E7EFF7;
	color: #3E3E3E;
	font: bold 11px trebuche, verdana, geneva, lucida, arial, helvetica, sans-serif;
	padding: 5px 10px;
	margin-top: 1px;
}

.formbody .head .toggle {
	float: right;
}

.formbody .instruct {
	font-size: 12px;
	color: #000000;
	font-family: Arial;
	padding: 3px 10px;
}

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

.formbody .errors {
	margin-left: 125px;
}

.formbody .section {
	padding: 3px 8px;
}

.formbody label {
	float: left;
	font-size: 13px;
}

.formbody .row {
	padding: 10px 5px;
	border-bottom: 1px solid #CEDFEB;
}

.formbody .error {
	background-color: #FFDBDB !important;
}

.formbody .row:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.formbody .controls {
	margin-left: 212px;
}

.formbody .controls .details {
	font-size: 11px;
	color: #808080;
	font-family: Arial;
}

.formbody .errorlist {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-image: url('/images/red_arrow.png');
	padding-left: 12px;
}
.formbody .errorlist li {
	font-family: Arial;
	font-size: 11px;
	color: #ff0000;
}

div.form_controls {
	text-align: right;
}

.lastrow {
	border-bottom: 0px !important;
}

.notice {
	color: #ff0000;
}

/* ############## */
/* +--Calendar--+ */
/* ############## */
table.calendar {
  width: 100%;
  background-color: #ffffff;
  margin: 0px 0px 5px 0px;
  border-collapse: collapse;
  border-color: #808080;
  margin-top: 0px;
}
table.calendar tr td {
	border: 1px solid #808080;
}
table.mini-calendar {
	border-collapse: collapse;
	background-color: #ffffff;
}
table.mini-calendar tbody {
	font-size: 11px;
}
table.mini-calendar a {
	text-decoration: underline;
}

/* #################### */
/* +--Content Blocks--+ */
/* #################### */
div.border {
  border: 4px #DBDBDB outset;
}
div.block_item {
  /*border-style: solid;
  border-width: 1px;
  border-color: #E1E1E1;*/
  text-align: left;
  
  font-size: 11px;
  padding: 5px 3px 5px 3px;
  margin: 0px 0px 15px 0px;
}
div.middle_block {

}
ul.blocklist {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  list-style: none;
}
ul.blocklist a {
  
  font-size: 12px;
  text-decoration: none;
}

table.cookiecrumb {
  background-color: #DBDBDB;
  border-style: solid;
  border-width: 0px;
  border-color: #000000;
  padding: 5px 5px 5px 5px;
  margin: 5px 0px 5px 0px;
  width: 100%;
}

/* Loader box after form submission */
div#loadbox {
  border: 4px #DBDBDB outset;
  width: 220px;
  height: 100px;
  padding: 20px;
  background-color: #F1F1F1;
  vertical-align: middle;
  position:absolute;
  left:40%;
  top:40%;
  display: none;
}

/* +--Generals--+ */
font.general, p.general, span.general {
  color: #000;
  text-decoration: none;
  font-size: 13px;
}
font.general-small, p.general-small, span.general-small {
  color: #000;
  text-decoration: none;
  font-size: 11px;
}
a.general-small {
  color: #000;
  text-decoration: none;
  font-size: 11px;
}
div.lftcol_item {
  border-style: solid;
  border-width: 0px;
  border-color: #CCCCCC;
  text-align: left;
  font-size: 11px;
  padding: 0px 0px 0px 10px;
}
.back:link, .back:visited, .back:hover, .back:active {
  color: #fff;
  text-decoration: none;
  text-align: center;
}
.alt1 {
  background-color: #E9E9E9;
}
.alt2 {
  background-color: #F5F5F5;
}

form {
  margin: 0px;
}

/* ##################### */
/* +--Cookiecrumb Bar--+ */
/* ##################### */
font.fpath {
  color: #000000;
  
  text-decoration: none;
  font-size: 13px;
  font-weight: normal;
}
span.cookietitle {
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
  font: bold 12px default;
}
a.path:link, a.path:visited, a.path:active {
  color: #0066FF;
  text-decoration: none;
  text-transform: uppercase;
  font: bold 11px default;
  padding: 10px 3px 10px 3px;
}
a.path:hover {
  color: #FF9900;
  text-decoration: none;
  font: bold 11px default;
  padding: 10px 3px 10px 3px;
}

/* ################## */
/* +--Column Links--+ */
/* ################## */
#left_col {
  width: 150px; 
  float: left; 
  position: relative; 
  padding-top: 2px;
  margin-right: 1px;
  padding-left: 10px;
}
a.leftcol:link, a.leftcol:visited, a.leftcol:hover, a.leftcol:active {
  color: #0066FF;
  text-decoration: none;
  text-transform: uppercase;
  font: bold 11px default;
}
a.leftcol_min:link, a.leftcol_min:visited, a.leftcol_min:active {
  color: #000000;
  
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
}
a.leftcol_min:hover {
  color: #000000;
  
  text-decoration: underline;
  font-size: 11px;
  font-weight: normal;
}

/* ############ */
/* +--Footer--+ */
/* ############ */
.footer, .footer a {
  font-size: 8pt;
  text-align: center;
  margin:20px auto;
}
.footer a:hover {
color:grey;
}
.pagestats {
  margin: 20px 0px 0px 0px;
  padding: 0px;
  background-color: #DBDBDB;
  text-align: center;
  vertical-align: middle;
}

/* #################### */
/* +--Photos Gallery--+ */
/* #################### */
a.photo_link:link, a.photo_link:visited, a.photo_link:hover, a.photo_link:active {
  color: #0066FF;
  text-decoration: none;
  font: bold 12px default;
}
a.affiliates:link, a.affiliates:visited, a.affiliates:hover, a.affiliates:active {
  color: #0066FF;
  text-decoration: none;
  font: bold 14px default;
}

/* ########## */
/* +--Misc--+ */
/* ########## */
.tooltip {
  width: 300px;
  background-color: #dbdbdb;
  border: 3px solid #000000;
  padding: 3px;
  font-family: Arial, Verdana;
  font-size: 13px;
  font-weight: normal;
  display: none;
  position: absolute;
}

a.alpha:link, a.alpha:visited, a.alpha:active {
  color: #0066FF;
  text-decoration: none;
  font: bold 14px default;
  padding: 0px 3px 0px 3px;
}
a.alpha:hover {
  text-decoration: underline;
}
.popup {
  border: 4px #DBDBDB outset;
  padding: 0px;
  background-color: #ffffff;
  position:absolute;
  z-index: 1;
  display: none;
}

/* ############ */
/* +--Search--+ */
/* ############ */
a.search-title {
  
  font-size: 15px;
  color: #808080;
  background-color:transparent
}
.search-description {
  
  font-size: 12px;
  color: #000000;
  background-color: transparent;
}
.search-url {
  
  font-size: 12px;
  color: #008000;
  background-color: transparent;
}

/**
* Archives
************/

div.player {
	text-align: center;
	margin-bottom: 10px;
}

.social_networking {
	margin-bottom: 10px;
}

.social_networking:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.social_networking > div {
	text-align: center;
	width: 65px;
	float: left;
}

.blog:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.blog .author, .blog .date {
	
	font-size: 12px;
	color: #999999;
}

td a[href*="calendar?d"] {
  font-size: 1.6em;
}

/* ############# */
/* +--Printer--+ */
/* ############# */
@media print {
   * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
    }

	.masthead_outline, .fb-like{position:absolute;top:10000px;left:10000px;}
    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*Clearfix*/
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}