@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "Helvetica-W01-Bold";
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/f70da45a-a05c-490c-ad62-7db4894b012a.eot?#iefix");
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/f70da45a-a05c-490c-ad62-7db4894b012a.eot?#iefix") format("eot"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/c5749443-93da-4592-b794-42f28d62ef72.woff") format("woff"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/73805f15-38e4-4fb7-8a08-d56bf29b483b.ttf") format("truetype"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/874bbc4a-0091-49f0-93ef-ea4e69c3cc7a.svg#874bbc4a-0091-49f0-93ef-ea4e69c3cc7a") format("svg");
font-display: block;
}
@font-face {
    font-family: "Helvetica-W02-Bold";
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/8c0d8b0f-d7d6-4a72-a418-c2373e4cbf27.eot?#iefix");
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/8c0d8b0f-d7d6-4a72-a418-c2373e4cbf27.eot?#iefix") format("eot"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/192dac76-a6d9-413d-bb74-22308f2e0cc5.woff") format("woff"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/47584448-98c4-436c-89b9-8d6fbeb2a776.ttf") format("truetype"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/375c70e5-6822-492b-8408-7cd350440af7.svg#375c70e5-6822-492b-8408-7cd350440af7") format("svg");
font-display: block;
}
@font-face {
    font-family: "Helvetica-LT-W10-Bold";
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/9fe262dc-5a55-4d75-91a4-aed76bd32190.eot?#iefix");
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/9fe262dc-5a55-4d75-91a4-aed76bd32190.eot?#iefix") format("eot"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/0a3939d0-3833-4db3-8b85-f64c2b3350d2.woff") format("woff"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/1b128d6d-126f-4c9c-8f87-3e7d30a1671c.ttf") format("truetype"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/b791c850-fde1-48b3-adf0-8998d55b0866.svg#b791c850-fde1-48b3-adf0-8998d55b0866") format("svg");
font-display: block;
}


body {
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-size: 14px;
        color: rgb(96,94,94);
        font-family: Arial,Helvetica,sans-serif;        
        overflow-x: hidden;
}

.oneColFixCtrHdr #container {
    width: 967px;
    margin: 0 auto;
    text-align: left;    
    min-height: 70vh;
}

.oneColFixCtrHdr #container.listusers {
    width: auto;
    margin: 0;
}

.oneColFixCtrHdr #content {
    background: linear-gradient(to bottom, white 99%, #aaa 100%);
}


.oneColFixCtrHdr #header {
	background: #242323;
	padding: 0;  
        border-bottom: 4px solid #111111;
        /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	/* background: url(images/header2.jpg) top left no-repeat;
	height: 105px;
        width: 967px;
        margin: 0 auto;
        border: 1px solid #000;
        border-bottom: none; */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: transparent;
}
.oneColFixCtrHdr #footer {
    padding: 20px 30px;
    background: #2f2e2e;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}



#form_container

{

	background:#fff;

	border:1px solid #ccc;

	margin:0 auto;

	text-align:left;

	width:640px;

}



#top

{

	display:block;

	height:10px;

	margin:10px auto 0;

	width:650px;

}



#footer

{
	clear:both;
	color:#999999;
	text-align:center;
	padding-bottom: 15px;
	font-size: 85%;

}



#footer a{

	color:#999999;

	text-decoration: none;

	border-bottom: 1px dotted #999999;

}



#bottom

{

	display:block;

	height:10px;

	margin:0 auto;

	width:650px;

}



form.appnitro

{
	margin:10px 40px 0 0;
	padding:5px 0 20px 0;

}



/**** Logo Section  *****/

h1
{
	background-color:#dedede;
	margin:0;
	min-height:0;
	padding:0;
	text-decoration:none;
}



h1 a

{



	display:block;

	height:100%;

	min-height:40px;

	overflow:hidden;

}





img

{

	behavior:url(css/iepngfix.htc);

	border:none;

}





/**** Form Section ****/

.appnitro

{
	font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
	padding: 2px 2px 2px 2px;

}



.appnitro li

{
	width:100%;

}



form ul

{

	font-size:100%;

	list-style-type:none;

	margin:0;

	padding:0;

	width:100%;

}



form li

{

	display:block;

	margin:0;

	padding:4px 5px 2px 9px;

	position:relative;

}



form li:after

{

	clear:both;

	content:".";

	display:block;

	height:0;

	visibility:hidden;

}



.buttons:after

{

	clear:both;

	content:".";

	display:block;

	height:0;

	visibility:hidden;

}



.buttons

{

	clear:both;

	display:block;

	margin-top:10px;

}



* html form li

{

	height:1%;

}



* html .buttons

{

	height:1%;

}



* html form li div

{

	display:inline-block;

}



form li div

{

	color:#444;

	margin:0 4px 0 0;

	padding:0 0 8px;

}



form li span

{

	color:#444;

	float:left;

	margin:0 4px 0 0;

	padding:0 0 8px;

}



form li div.left

{

	display:inline;

	float:left;

	width:48%;

}



form li div.right

{

	display:inline;

	float:right;

	width:48%;

}



form li div.left .medium

{

	width:100%;

}



form li div.right .medium

{

	width:100%;

}



.clear

{

	clear:both;

}



form li div label

{

	clear:both;

	color:#444;

	display:block;

	font-size:9px;

	line-height:9px;

	margin:0;

	padding-top:3px;

}



form li span label

{

	clear:both;

	color:#444;

	display:block;

	font-size:9px;

	line-height:9px;

	margin:0;

	padding-top:3px;

}



form li .datepicker

{

	cursor:pointer !important;

	float:left;

	height:16px;

	margin:.1em 5px 0 0;

	padding:0;

	width:16px;

}



.form_description

{

	border-bottom:1px dotted #ccc;

	clear:both;

	display:inline-block;

	margin:0 0 1em;

}



.form_description[class]

{

	display:block;

}



.form_description h2

{

	clear:left;

	font-size:160%;

	font-weight:400;

	margin:0 0 3px;

}



.form_description p

{

	font-size:95%;

	line-height:130%;

	margin:0 0 12px;

}



form hr

{

	display:none;

}



form li.section_break

{

	border-top:1px dotted #ccc;

	margin-top:9px;

	padding-bottom:0;

	padding-left:9px;

	padding-top:13px;

	width:97% !important;

}



form ul li.first

{

	border-top:none !important;

	margin-top:0 !important;

	padding-top:0 !important;

}



form .section_break h3

{

	font-size:110%;

	font-weight:400;

	line-height:130%;

	margin:0 0 2px;

}



form .section_break p

{

	font-size:85%;



	margin:0 0 10px;

}



/**** Buttons ****/

input.button_text

{
	overflow:visible;
	padding:0 7px;
	width:auto;
	font-size: medium;

}



.buttons input

{

	font-size:120%;

	margin-right:5px;

}



/**** Inputs and Labels ****/

label.description

{

	border:none;

	color:#222;

	display:block;

	font-size:95%;

	font-weight:700;

	line-height:150%;

	padding:0 0 1px;

}



span.symbol

{

	font-size:115%;

	line-height:130%;

}



input.text

{

	background:#fff url(../../../images/shadow.gif) repeat-x top;

	border-bottom:1px solid #ddd;

	border-left:1px solid #c3c3c3;

	border-right:1px solid #c3c3c3;

	border-top:1px solid #7c7c7c;

	color:#333;

	font-size:100%;

	margin:0;

	padding:2px 0;

}



input.file

{

	color:#333;

	font-size:100%;

	margin:0;

	padding:2px 0;

}



textarea.textarea

{

	background:#fff url(../../../images/shadow.gif) repeat-x top;

	border-bottom:1px solid #ddd;

	border-left:1px solid #c3c3c3;

	border-right:1px solid #c3c3c3;

	border-top:1px solid #7c7c7c;

	color:#333;

	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;

	font-size:100%;

	margin:0;

	width:99%;

}



select.select

{

	color:#333;

	font-size:100%;

	margin:1px 0;

	padding:1px 0 0;

	background:#fff url(../../../images/shadow.gif) repeat-x top;

	border-bottom:1px solid #ddd;

	border-left:1px solid #c3c3c3;

	border-right:1px solid #c3c3c3;

	border-top:1px solid #7c7c7c;

}





input.currency

{

	text-align:right;

}



input.checkbox

{

	display:block;

	height:13px;

	line-height:1.4em;

	margin:6px 0 0 3px;

	width:13px;

}



input.radio

{

	display:block;

	height:13px;

	line-height:1.4em;

	margin:6px 0 0 3px;

	width:13px;

}



label.choice

{

	color:#444;

	display:block;

	font-size:100%;

	line-height:1.4em;

	margin:-1.55em 0 0 25px;

	padding:4px 0 5px;

	width:90%;

}



select.select[class]

{

	margin:0;

	padding:1px 0;

}



*:first-child+html select.select[class]

{

	margin:1px 0;

}



.safari select.select

{

	font-size:120% !important;

	margin-bottom:1px;

}



input.small

{

	width:25%;

}



select.small

{

	width:25%;

}



input.medium

{
	width:280px;

}



select.medium

{

	width:50%;

}



input.large

{

	width:99%;

}



select.large

{

	width:100%;

}



textarea.small

{

	height:5.5em;

}



textarea.medium

{

	height:10em;

}



textarea.large

{

	height:20em;

}



/**** Errors ****/

#error_message

{

	background:#fff;

	border:1px dotted red;

	margin-bottom:1em;

	padding-left:0;

	padding-right:0;

	padding-top:4px;

	text-align:center;

	width:99%;

}



#error_message_title

{

	color:#DF0000;

	font-size:125%;

	margin:7px 0 5px;

	padding:0;

}



#error_message_desc

{

	color:#000;

	font-size:100%;

	margin:0 0 .8em;

}



#error_message_desc strong

{

	background-color:#FFDFDF;

	color:red;

	padding:2px 3px;

}



form li.error

{

	background-color:#FFDFDF !important;

	border-bottom:1px solid #EACBCC;

	border-right:1px solid #EACBCC;

	margin:3px 0;

}



form li.error label

{

	color:#DF0000 !important;

}



form p.error

{

	clear:both;

	color:red;

	font-size:10px;

	font-weight:700;

	margin:0 0 5px;

}



form .required

{

	color:red;

	float:none;

	font-weight:700;

}



/**** Guidelines and Error Highlight ****/

form li.highlighted

{

	background-color:#fff7c0;

}



form .guidelines

{

	background:#f5f5f5;

	border:1px solid #e6e6e6;

	color:#444;

	font-size:80%;

	left:100%;

	line-height:130%;

	margin:0 0 0 8px;

	padding:8px 10px 9px;

	position:absolute;

	top:0;

	visibility:hidden;

	width:42%;

	z-index:1000;

}



form .guidelines small

{

	font-size:105%;

}



form li.highlighted .guidelines

{

	visibility:visible;

}



form li:hover .guidelines

{

	visibility:visible;

}



.no_guidelines .guidelines

{

	display:none !important;

}



.no_guidelines form li

{

	width:97%;

}



.no_guidelines li.section

{

	padding-left:9px;

}



/*** Success Message ****/

.form_success

{

	clear: both;

	margin: 0;

	padding: 90px 0pt 100px;

	text-align: center

}



.form_success h2 {

    clear:left;

    font-size:160%;

    font-weight:normal;

    margin:0pt 0pt 3px;

}



/*** Password ****/

ul.password{

    margin-top:60px;

    margin-bottom: 60px;

    text-align: center;

}

.password h2{

    color:#DF0000;

    font-weight:bold;

    margin:0pt auto 10px;

}



.password input.text {

   font-size:170% !important;

   width:380px;

   text-align: center;

}

.password label{

   display:block;

   font-size:120% !important;

   padding-top:10px;

   font-weight:bold;

}



#li_captcha{

   padding-left: 5px;

}





#li_captcha span{

	float:none;

}



/** Embedded Form **/



.embed #form_container{

	border: none;

}



.embed #top, .embed #bottom, .embed h1{

	display: none;

}



.embed #form_container{

	width: 100%;

}



.embed #footer{

	text-align: left;

	padding-left: 10px;

	width: 99%;

}



.embed #footer.success{

	text-align: center;

}



.embed form.appnitro

{

	margin:0px 0px 0;



}







/*** Calendar **********************/

div.calendar { position: relative; }



.calendar table {

cursor:pointer;

border:1px solid #ccc;

font-size: 11px;

color: #000;

background: #fff;

font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;

}



.calendar .button {

text-align: center;

padding: 2px;

}



.calendar .nav {

background:#f5f5f5;

}



.calendar thead .title {

font-weight: bold;

text-align: center;

background: #dedede;

color: #000;

padding: 2px 0 3px 0;

}



.calendar thead .headrow {

background: #f5f5f5;

color: #444;

font-weight:bold;

}



.calendar thead .daynames {

background: #fff;

color:#333;

font-weight:bold;

}



.calendar thead .name {

border-bottom: 1px dotted #ccc;

padding: 2px;

text-align: center;

color: #000;

}



.calendar thead .weekend {

color: #666;

}



.calendar thead .hilite {

background-color: #444;

color: #fff;

padding: 1px;

}



.calendar thead .active {

background-color: #d12f19;

color:#fff;

padding: 2px 0px 0px 2px;

}





.calendar tbody .day {

width:1.8em;

color: #222;

text-align: right;

padding: 2px 2px 2px 2px;

}

.calendar tbody .day.othermonth {

font-size: 80%;

color: #bbb;

}

.calendar tbody .day.othermonth.oweekend {

color: #fbb;

}



.calendar table .wn {

padding: 2px 2px 2px 2px;

border-right: 1px solid #000;

background: #666;

}



.calendar tbody .rowhilite td {

background: #FFF1AF;

}



.calendar tbody .rowhilite td.wn {

background: #FFF1AF;

}



.calendar tbody td.hilite {

padding: 1px 1px 1px 1px;

background:#444 !important;

color:#fff !important;

}



.calendar tbody td.active {

color:#fff;

background: #529214 !important;

padding: 2px 2px 0px 2px;

}



.calendar tbody td.selected {

font-weight: bold;

border: 1px solid #888;

padding: 1px 1px 1px 1px;

background: #f5f5f5 !important;

color: #222 !important;

}



.calendar tbody td.weekend {

color: #666;

}



.calendar tbody td.today {

font-weight: bold;

color: #529214;

background:#D9EFC2;

}



.calendar tbody .disabled { color: #999; }



.calendar tbody .emptycell {

visibility: hidden;

}



.calendar tbody .emptyrow {

display: none;

}



.calendar tfoot .footrow {

text-align: center;

background: #556;

color: #fff;

}



.calendar tfoot .ttip {

background: #222;

color: #fff;

font-size:10px;

border-top: 1px solid #dedede;

padding: 3px;

}



.calendar tfoot .hilite {

background: #aaf;

border: 1px solid #04f;

color: #000;

padding: 1px;

}



.calendar tfoot .active {

background: #77c;

padding: 2px 0px 0px 2px;

}



.calendar .combo {

position: absolute;

display: none;

top: 0px;

left: 0px;

width: 4em;

border: 1px solid #ccc;

background: #f5f5f5;

color: #222;

font-size: 90%;

z-index: 100;

}



.calendar .combo .label,

.calendar .combo .label-IEfix {

text-align: center;

padding: 1px;

}



.calendar .combo .label-IEfix {

width: 4em;

}



.calendar .combo .hilite {

background: #444;

color:#fff;

}



.calendar .combo .active {

border-top: 1px solid #999;

border-bottom: 1px solid #999;

background: #dedede;

font-weight: bold;

}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
background-color:#CCCCCC;
padding-left:10px;
}

#navlist li
{
display: inline;
list-style-type: none;

}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color:#000000;
background-color:#E0E0E0;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color:#999999;
text-decoration: none;
}


#statusbox
{
	width:100%;
	background-color:#F4F4F4;
	padding: 10px 5px 10px 5px;
	display:none;
}


#deletebox
{
	width:100%;
	background-color:#F4F4F4;
	padding: 10px 5px 10px 5px;
	display:none;
}

#box
{
width:100%;
	background-color:#F4F4F4;
	padding: 10px 5px 10px 5px;


}
#login1 {
    display: block;
    padding: 0 30px 20px 30px;
}

#forgot
{
display:none;
}


#pagination
{
	margin: 5px;
}

#pagination a
{
	color: #0000FF;
}

#pagination .selected
{
	color: orange;
}

.express
{
	background-color: #FFCCCC;
}

.auto
{
	background-color: #cc99ff;
}

.digital
{
	background-color: #0099FF;
}

.screenPrinting
{
	background-color: #ccffcc;
}

.red
{
	color: red !important;
}

.admin_menu
{
	background-color: #F4F4F4;
	border: 2px solid green;
	padding: 10px;
	width: 300px;
	margin-bottom: 50px !important;
	margin: auto;
	text-align: center;
}

	.admin_menu ul
	{
		list-style-type: none;
		margin: 0px;
		padding: 0;

	}

		.admin_menu ul li
		{
			margin-left: 0px;
			padding: 0;
		}

			.admin_menu ul li a
			{
				display: block;
				padding: 3px;
			}

			.admin_menu ul li a:hover
			{
				background-color: yellow;
			}


.tat table tr td{
padding:5px;
margin:5px;
border:#000000 1px thick solid;
}

#footer a {
    border: none;
}

.social_icons {
    display: flex;
}

.social_icons a {
    padding: 8px;
}

#footer.footer_drklbl a {
    border-bottom: none;
}

#footer .footer_content span {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

#footer .footer_content span:after {
    content: "|";
    padding: 0 5px;
    text-decoration: none;
}

#footer .footer_content span:last-child:after {
    content: "";
}

#footer .footer_content a {
    color: #fff;
    font-size: 14px;    
    font-weight: bold;
    text-decoration: underline;
}

.footer_content {
    display: flex;
    justify-content: center;    
    max-width: 450px;
    flex-flow: row wrap;
    padding: 0 50px;
}

#footer .footer_content span:nth-child(3):after {
    content: "";
}

#container p:last-child {
    margin-bottom: 0;
}

#mainContent p:last-child {
    margin-bottom: 0;
}

span.menu_consult_icon {
    display: inline-flex;
    width: 15px;
    fill: #fff;
}

.header_logo img {
    max-width: 190px;
}

ul.header_menu_list {
    display: flex;
    list-style: none;
}

#header.header_drklbl {
    display: flex;
    justify-content: space-between;
    padding: 20px 30px;
}

ul.header_menu_list {
    display: flex;
    list-style: none;
}

#header.header_drklbl {
    display: flex;
    justify-content: space-between;
    padding: 20px 30px;
    align-items: center;
}

.header_menu a {
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
    font-family: helvetica-w01-bold,helvetica-w02-bold,helvetica-lt-w10-bold,sans-serif;
    letter-spacing: .05em;
    color: #fff;
    padding: 10px 25px;
    border: 1px solid #ADADAC;
    margin: 0 4px;
}

.header_menu a:hover {
    background-color: #fff;
    color: #111111;
    border-color: #fff;
}

.header_menu a.menu_red:hover {
    background-color: #df0035;
}

.header_menu a.menu_red:hover{
    color: #fff;
}

.header_menu a.menu_red {
    background-color: #ED1566;
    transition: all 0.2s ease, visibility 0s;
    border-color: #ED1566;
    font-weight: 700;
    font-family: helvetica-w01-bold,helvetica-w02-bold,helvetica-lt-w10-bold,sans-serif;
}

.menu-dropdown {
  min-width: 100%;
  padding: 15px 0;
  position: absolute;
  background: #ebebeb;
  z-index: 100;
  transition: 0.5s padding, 0.5s background;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  flex-flow: row wrap;
  justify-content: flex-start;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
    right: 5px;
    width: 326px;
    top: 33px;
  border: 1px solid #fff;
  padding: 10px;
}

.dropdown:hover .dropdown-content {display: flex;}
.dropdown:hover a.menu_tab {background-color: #fff;color:#111;}
.dropdown-content a {
    color: #111;
    text-decoration: none;
    padding: 10px;
    margin: 5px;
    font-weight: 400;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;    
    width: 75px;
    text-align: left;
    border: none;
}

.dropdown-content a:hover {
    background-color: #f2f2f2;
}

.left_logo img {
    max-width: 70px;
}