/* HTML 5 fix */

section, article, header, footer, nav, aside, hgroup 
{
	display: block;
}

/* layout */

body 
{
	font-family: verdana, helvetica, arial, sans-serif;
	color: #333;
	font-size: 100%;
	background: #f2f2f2;
}

textarea 
{
    font-family: helvetica, Arial, Sans-Serif;
    font-size: .875em;
}

a:link,
a:visited
{
	color: #369;
}

a:hover 
{
	color: #333;
}

header 
{
	height: 160px;
	width: 100%;
	background: #fff;
}

nav.main
{
	margin-bottom: 30px;
	background: #232323;
	font-size: .875em;
}

.pagewidth
{
	margin: 0 auto;
	padding: 0 30px;
	min-width: 700px; /* 800 x 600 res */
	max-width: 1200px; /* 1280 x ? res */
}

nav.main ul li 
{
	float: left;
}

nav.main ul li a 
{
	float: left;
	margin: 5px 2px 0 0;
	padding: 0 15px;
	color: #fff;
	background-color: #444;
	line-height: 35px;
	text-decoration: none;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

nav.main ul li#back a 
{
	padding-left: 35px;
	background: #444 url("../images/round_arrow_left-white.png") 10px no-repeat;

   max-width: 13em;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

nav.main ul li#fx a 
{
	 padding-left: 35px;
	 background: #444 url("../images/inbox-white.png") 10px no-repeat;
}

nav.main ul li#invite a 
{
    padding-left: 35px;
    background: #444 url("../images/mail-white.png") 10px no-repeat;
}

nav.main ul li#Master_liDropoffs a 
{
	 padding-left: 35px;
	 background: #444 url("../images/download-white.png") 10px no-repeat;
}

nav.main ul li#admin a 
{
	 padding-left: 35px;
	 background: #444 url("../images/magic_wand-white.png") 10px no-repeat;
}

nav.main ul li#profile a 
{
	 padding-left: 35px;
	 background: #444 url("../images/user-white.png") 10px no-repeat;
}

nav.main ul li#support a 
{
	 padding-left: 35px;
	 background: #444 url("../images/inbox-white.png") 10px no-repeat;
}

nav.main ul li#logoff a 
{
	 padding-left: 35px;
	 background: #933 url("../images/on-off-white.png") 10px no-repeat;
}

/* at icons */

nav.main ul li#back.at a 
{
	 padding-left: 35px;
	 background: #f2f2f2 url("../images/round_arrow_left-white.png") 10px no-repeat;
}

#Master_invite-user nav.main ul li#invite a 
{
    padding-left: 35px;
    color: #000;
    background: #f2f2f2 url("../images/mail-black.png") 10px no-repeat;
    font-weight: bold;
}

#Master_inbox nav.main ul li#fx a,
#Master_sentitems nav.main ul li#fx a,
#Master_admin-allfiles nav.main ul li#fx a,
#Master_sendfile nav.main ul li#fx a,
#Master_detail nav.main ul li#fx a
{
	 padding-left: 35px;
	 color: #000;
	 background: #f2f2f2 url("../images/inbox-black.png") 10px no-repeat;
	 font-weight: bold;
}

#Master_dropoffs nav.main ul li#Master_liDropoffs a,
#Master_dropoff-modify nav.main ul li#Master_liDropoffs a 
{
    padding-left: 35px;
    color: #000;
    background: #f2f2f2 url("../images/download-black.png") 10px no-repeat;
    font-weight: bold;
}

#Master_profile nav.main ul li#profile a 
{
	 padding-left: 35px;
	 color: #000;
	 background: #f2f2f2 url("../images/user-black.png") 10px no-repeat;
	 font-weight: bold;
}

#Master_admin-organizations nav.main ul li#admin a,
#Master_admin-companies nav.main ul li#admin a,
#Master_admin-company-modify nav.main ul li#admin a,
#Master_admin-customization nav.main ul li#admin a,
#Master_admin-organization-modify nav.main ul li#admin a,
#Master_admin-organizations nav.main ul li#admin a,
#Master_admin-settings nav.main ul li#admin a,
#Master_admin-user-modify nav.main ul li#admin a,
#Master_admin-users nav.main ul li#admin a,
#Master_admin-billing nav.main ul li#admin a,
#Master_admin-update nav.main ul li#admin a,
#Master_admin-user-invite nav.main ul li#admin a
{
	 padding-left: 35px;
	 color: #000;
	 background: #f2f2f2 url("../images/magic_wand-black.png") 10px no-repeat;
	 font-weight: bold;
}

#Master_login nav.main ul li#logoff a 
{
	 padding-left: 35px;
	 color: #000;
	 background: #f2f2f2 url("../images/on-off-black.png") 10px no-repeat;
	 font-weight: bold;
}

nav.main ul li.secondary
{
	float: right;
}

nav.main ul ul 
{
	display: none;
}

nav.main ul li a:hover 
{
	background-color: #666 !important;
}

#Master_inbox nav.main ul li#fx a:hover,
#Master_sentitems nav.main ul li#fx a:hover,
#Master_admin-allfiles nav.main ul li#fx a:hover,
#Master_sendfile nav.main ul li#fx a:hover,
#Master_profile nav.main ul li#profile a:hover,
#Master_admin-organizations nav.main ul li#admin a:hover,
#Master_admin-companies nav.main ul li#admin a:hover,
#Master_admin-company-modify nav.main ul li#admin a:hover,
#Master_admin-customization nav.main ul li#admin a:hover,
#Master_admin-organization-modify nav.main ul li#admin a:hover,
#Master_admin-organizations nav.main ul li#admin a:hover,
#Master_admin-settings nav.main ul li#admin a:hover,
#Master_admin-user-modify nav.main ul li#admin a:hover,
#Master_admin-users nav.main ul li#admin a,
#Master_login nav.main ul li#logoff a,
#Master_admin-billing nav.main ul li#admin a:hover
#Master_admin-update nav.main ul li#admin a:hover
{
	background-color: #f2f2f2 !important;
}

nav.main ul li#logoff a:hover {
	background-color: #c33 !important;
}

/* sidebar */

nav.sidebar 
{
	font-size: .75em;
}

nav.sidebar ul li.first 
{
	border-top: 1px solid #999;
}

nav.sidebar ul li a 
{
	display: block;
	font-weight: bold;
	background: #ccc url("../images/glass.png") left repeat-x;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	padding: 0 10px;
	line-height: 40px;
	text-decoration: none;
	color: #595959;
}

nav.sidebar ul li a:hover
{
	color: #333;
	background-color: #999;
}

nav.sidebar ul li.button a 
{
    background: transparent;
	margin: 0 20px 20px !important;
	border: none;
	width: 130px;
}

#Master_inbox nav.sidebar ul li#inbox a,
#Master_sentitems nav.sidebar ul li#sent a,
#Master_admin-allfiles nav.sidebar ul li#all a,
#Master_admin-organization-modify nav.sidebar ul li#orgs a,
#Master_admin-organizations nav.sidebar ul li#orgs a,
#Master_admin-groups nav.sidebar ul li#groups a,
#Master_admin-group-modify nav.sidebar ul li#groups a,
#Master_admin-customization nav.sidebar ul li#custom a,
#Master_admin-users nav.sidebar ul li#users a,
#Master_admin-user-modify nav.sidebar ul li#users a,
#Master_admin-settings nav.sidebar ul li#setts a,
#Master_admin-billing nav.sidebar ul li#bill a,
#Master_admin-update nav.sidebar ul li#update a,
#Master_admin-reports nav.sidebar ul li#reports a,
#Master_admin-reports-users nav.sidebar ul li#reports a,
#Master_admin-inet-reports nav.sidebar ul li#inet-admin-reports a,
#Master_admin-inet-blacklist nav.sidebar ul li#inet-admin-blacklist a,
#Master_admin-inet-blacklist-edit nav.sidebar ul li#inet-admin-blacklist a,
#Master_admin-inet-reports-users nav.sidebar ul li#inet-admin-reports a,
#Master_admin-user-invite nav.sidebar ul li#users a
#Master_admin-billing-conversion nav.sidebar ul li#conversion a {
	color: #000;
	background: #fff;
	border-right: 0;
}

nav.sidebar ul li a span.new {
	margin: 12px 7px 12px 0;
	padding: 0 10px;
	display: block;
	float: right;
	color: #393;
	background: #fff;
	line-height: 16px;	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

*+html nav.sidebar ul li a span.new 
{
    margin-top: -28px;
}

#Master_inbox nav.sidebar ul li#inbox a span.new,
#Master_sentitems nav.sidebar ul li#sent a span.new,
#Master_admin-allfiles nav.sidebar ul li#all a span.new
{
	background: #393;
	color: #fff;
}

section nav 
{
	width: 200px;
	float: left;
}

section .helpsidebar 
{
	float: right;
	background: #ffc;
	width: 155px;
	padding: 15px;
}

section .helpsidebar h3
{
	margin-bottom: 1em;
	font-family: helvetica, Arial, Sans-Serif;
}

section .helpsidebar ul 
{
	list-style: disc;
	margin-left: 2em;
	font-size: .75em;
	line-height: 1.5em;
}

section .helpsidebar ul li 
{
	margin-bottom: .75em;
}

section .body 
{
	margin-left: 199px;
	margin-bottom: 30px;
	background: #fff;
	min-height: 200px;
	font-size: .875em;
	border: 1px solid #999;
}

section .body .content 
{
	padding: 30px;
}

section .body .content h2 
{
	font-family: helvetica, arial, sans-serif;
	font-size: 1.714285em; /* 24 */
	margin-bottom: .75em; /* 18 */
}

section .body .content h3 
{
	font-family: Helvetica, arial, Sans-Serif;
	font-size: 1.25em; /* 20 */
	margin-bottom: .9em;
}

.form-holder fieldset legend 
{
	font-family: helvetica, Arial, Sans-Serif;
	color: #3a668d;
}

section .body .content p,
section .body .content ul
{
	line-height: 1.285714em; /* 18 */
	margin-bottom: 1em; /* 18 */
}

section .body .content ul 
{
	margin-left: 2em;
	list-style: disc;
}

/* turn the above off for telerik upload that uses UL for some odd reason */

section .body .content .RadUpload ul,
section .body .content ul.ruProgress
{
	line-height: 1em;
	margin-bottom: 0;
	list-style: none;
	margin-left: 0;
}

/* get rid of the pointless top bar */

section .body .content ul.ruProgress 
{
	background-image: none;
	padding-top: 18px;
}

/* move it over under the form */

.RadUploadProgressArea 
{
	margin-left: 25%;
	margin-bottom: 18px;
}

.RadUpload 
{
	margin-bottom: 18px;
}

footer 
{
	text-align: right;
	font-size: .6875em;
}

footer p 
{
	margin-bottom: 1em;
}

/* self-clear floats */

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

* html .group { /* IE6 */
	height: 1%;
	}
*:first-child+html .group { /* IE7 */
	min-height: 1px;
	}
	
/* tooltips */

.tooltip {
	border-bottom: 1px dotted #000000; color: #000000; outline: none;
	cursor: help; text-decoration: none;
	position: relative;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; left: 1em; top: 2em; z-index: 99;
	margin-left: 0; width: 250px;
}
.tooltip:hover img {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}
.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }

.mp-badge 
{
display: block;
float: right;
background: url("../images/mp-icon.png") left no-repeat;
padding-left: 20px;
height: 16px;
line-height: 16px;
}

/* get custom banner */

#custom-banner 
{
	margin-bottom: 30px;
text-align: center;
background: #f0f0f0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#custom-banner img 
{
	margin-top: 20px;
}

#banner-content 
{
	padding: 10px;
}

/* storage 'progress' bar */

.progress-holder 
{
	margin: 20px 20px 0 0;
}

.progress-holder p 
{
	color: #666;
	margin-bottom: 1em;
}

.ui-progress-bar {
	position: relative;
	height: 25px;
	padding-right: 2px;
	background-color: #ccc;
}

.ui-progress {
  position: relative;
  display: block;
  height: 23px;
  background-color: #74d04c;
  border: 1px solid #4c8932;
  max-width: 100%;
}

.ui-progress-bar.negative {
    background: #fff;
}

.ui-progress-bar.negative .ui-progress {
    color: #c00;
    background: rgba(204,0,0,.2);
    border-color: rgba(204,0,0,.5);
}


.ui-progress span.ui-label {
  font-size: 1em;
  position: absolute;
  display: block;
  width: 180px;
  left: 0;
  line-height: 23px;
  text-align: center;
  color: rgba(0,0,0,0.6);
  text-shadow: rgba(255,255,255, 0.45) 0 1px 0px;
  white-space: nowrap;
}

#trial_bar 
{
    margin-bottom: 30px;
    font-size: 12px;
}

#trial_bar span.ui-label 
{
    width: auto;
    padding-left: 6px;
}

span.ui-label a {
	color: #000;
	font-weight: bold;
}

.left50 {
	background-color: #fc3;
	border-color: #c93;
}

.left25 {
	background-color: #f99;
	border-color: #c66;
}

.ui-ccExpireing {
  margin-bottom: 30px;
  padding: 12px;
  font-size: 12px;
  position: relative;
  display: block;
  background-color: #fc3;
  border: 1px solid #c93;
}

/* feedback */

#feedback 
{
	position: fixed;
	right: 20px;
	width: 358px;
	z-index: 10000;
}

#feedbacktab 
{
	float: right;
	margin-top: -1px;
	padding: 5px 18px;
	-webkit-border-bottom-right-radius: 9px;
    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-bottomright: 9px;
    -moz-border-radius-bottomleft: 9px;
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
	background: #fff;
	border: 1px solid #999;
	border-top: 0;
}

#feedbacktab a#label 
{
    float: left;
	display: block;
	height: 20px;
	/*width: 160px;
	text-indent: -99999px;
	background: url("../images/suggest-improvements.png") top left no-repeat;*/
}

#feedbacktab a#close 
{
    float: left;
	display: block;
	margin-top: 2px;
	height: 16px;
	width: 16px;
	text-indent: -99999px;
	background: url("../images/close.png") top left no-repeat;
	margin-right: 10px;
}

#feedbackform 
{
	font-family: "Trebuchet MS", Arial, helvetica, Sans-Serif;
	width: 320px;
	height: 346px;
	padding: 18px;
	padding-bottom: 1px;
	background: #fff;
	-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-left-radius: 9px;
border: 1px solid #999;
border-top: 0;
}

#feedback .form-holder 
{
	background: #E9E9E9;
    border: 1px solid #C4C4C4;
    margin-bottom: 18px;
    padding: 0 18px 18px;
}

#feedback .form-holder label 
{
	float: none;
	display: block;
	width: auto;
	margin-left: 0;
	text-align: left;
	font-size: 14px;
	padding-top: 0;
	margin-bottom: 7px;
}

#feedback .form-holder .inputgroup 
{
	width: 100%;
}

#feedback .form-holder .group .inputgroup input 
{
	float: left;
}

#feedback .form-holder .inputgroup label 
{
	float: left;
	display: block;
	margin-right: 5px;
}

/* recipients */

#recipients 
{
	border: 1px solid #ccc;
	background: url("../images/column-div.png") 67.25% 0 repeat-y;
	margin-bottom: 18px;
}

#recipients h3 
{
	padding: 9px;
	border-bottom: 3px solid #999;
}

#recipients .col3 
{
	float: left;
	padding: 1.151515%;
	width: 31%;
}

#recipients .col23 
{
	float: left;
	padding: 1.151515%;
	width: 64%;
}

#recipients .form-holder fieldset .group label 
{
	display: block;
	width: 100%;
	margin-right: 0;
	text-align: left;
}

#recipients .action 
{
	border-top: 1px solid #ccc;
	border-bottom: 0;
}

#recipients a.remove 
{
	text-indent: -999em;
	float: right;
	display: block;
	height: 16px;
	width: 16px;
	background: url("../images/delete.png") top left no-repeat;
}

#recipients ul#fileRecipients,
#recipients ul#fileRecipients li,
#recipients .rtUL
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#recipients ul#fileRecipients 
{
	margin: 0 5%;
}

#recipients ul#fileRecipients li
{
	padding: 5px 0;
	border-bottom: 1px dashed #ccc;
}

#bigbutton 
{
	padding: 18px 0;
	text-align: center;
}

#bigbutton input 
{
	font-size: 1.25em;
}

.inactive
{
	color: #fff;
	background: #990000;
	background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #FF0000),
    color-stop(1, #990000)
);
background-image: -moz-linear-gradient(
    center top,
    #FF0000 0%,
    #990000 100%
);

	border-bottom: 1px solid #660000 !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}

.trial
{
    color: #fff;
	background: #990000;
	background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #00FF33),
    color-stop(1, #009900)
);
background-image: -moz-linear-gradient(
    center top,
    #00FF33 0%,
    #009900 100%
);

	border-bottom: 1px solid #660000 !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}

.inactive a,
.trial a 
{
	color: #fff !important;
	font-weight: bold;
}

table.recipients 
{
	margin-top: 18px;
	width: 100%;
}

table.recipients thead tr  th {
background: #f0f0f0;
border-bottom: 1px solid #ccc;
text-align: left;
}

table.recipients th,
table.recipients td {
padding: 5px;
}

table.recipients tbody tr td {
border-bottom: 1px solid #e0e0e0;
}

/* SMS message form */

#textmessage 
{
	display: none;
	padding: 0 18px;
	position: fixed;
	z-index: 1000;
	top: 25%;
	left: 25%;
	width: 500px;
	border: 1px solid #000;
	background: #fff;
	-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.5);
	-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.5);
	box-shadow: 1px 1px 10px rgba(0,0,0,.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#textmessage a.close 
{
	float: right;
	margin-top: 18px;
	padding-left: 18px;
	background: url("../images/close.png") 0 1px no-repeat;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

#textmessage a.close:hover 
{
	text-decoration: underline;
	color: #000;
}

#Master_m_oContent_RadMultiPage1 
{
	margin-top: -1px;
	padding: 0 18px;
	border: 1px solid #828282;
	margin-bottom: 18px;
	-webkit-border-radius: 5px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 5px;
-moz-border-radius-topleft: 0;
border-radius: 5px;
border-top-left-radius: 0;
}

section .body .content ul.rtsUL 
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.rtsLevel 
{
	clear: none !important;
}

.passcode,
.passplain
{
	border: 0;
	background: transparent;
	display: block;
	float: left;
	font-size: 12px;
}

.passplain 
{
	display: none;
}

a.inputToggle {
	display: block;
	float: left;
	margin-right: 5px;
	width: 16px;
	height: 16px;
	text-indent: -99999em;
	background: url("../images/eye.png") top left no-repeat;
}

/* authlyAd */

#authlyAd 
{
    position: fixed;
    z-index: 10000;
    width: 100%;
    text-align: center;
    border-bottom: 2px solid #333;
    background-color: #333399;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #336699),
        color-stop(1, #333366)
    );
    background-image: -moz-linear-gradient(
        center top,
        #336699 0%,
        #333366 100%
    );
}

#authlyAd p 
{
    font-weight: bold;
    color: #e0e0e0;
    font-size: .75em;
    line-height: 30px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}

#authlyAd a:link,
#authlyAd a:visited 
{
    color: #fff;
}

#authlyAd a#killMessage 
{
    display: inline-block;
    line-height: 1em;
    margin: 5px 10px;
    padding: 3px 5px 5px;
    text-decoration: none;
    background: #fff;
    color: #333366;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-shadow: none;
}

.inline-help 
{
    margin-bottom: 20px;
    padding: 10px 15px 0 78px;
    min-height: 48px;
    background: #f0f0f0 url("../images/help.png") 15px 15px no-repeat;
    border: 2px solid #fff;
    border-radius: 10px;
    box-shadow: 0 1px 5px #ccc;
    text-shadow: 1px 1px 1px #fff;
}

section .body .content .inline-help p
{
    color: #444;
    font-style: italic;
}

#secure-ccinfo 
{
    margin: 0 -18px 18px;
    padding: 0 18px;
    background: #f0f0f0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#secure-ccinfo legend
{
    padding-left: 37px;
    margin-bottom: 0;
    padding-bottom: 0;
    background: url("../images/lock.png") left no-repeat;
}

#secure-ccinfo p.secure-note 
{
    padding-left: 37px;
    color: #666;
    text-shadow: 1px 1px 1px #fff;
}

#siteseal 
{
    float: right;
    margin-top: -30px;
    margin-right: 30px;
    background: #fff;
    box-shadow: 0 0 10px 20px #fff;
}

#setup-progress 
{
    margin: 0 auto;
    margin-bottom: 20px;
	max-width: 990px;
	padding: 5px;
	background: #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#setup-progress h1 {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	font-size: 14px;
	font-family: helvetica, arial, sans-serif;
	color: #666;
	text-shadow: 0 1px 0 #fff;
}

table#progress {
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 1.25em;
}

table#progress td {
	width: 25%;
	padding: 10px;
	border: 1px solid #999;
	border-right: 0;
	vertical-align: middle;
}

table#progress td span {
	padding-left: 21px;
	display: block;
}

table#progress td.first {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

table#progress td.last {
	border-right: 1px solid #999;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

table#progress td.complete {
	color: rgba(0,51,0,.8);
	text-shadow: 0 1px 0 rgba(204,255,204,.8);
	border-color: rgba(0,51,0,.8);
	background: #ccffcc;
	background-image: linear-gradient(top, #ccffcc 0%, #8DCF81 100%);
	background-image: -o-linear-gradient(top, #ccffcc 0%, #8DCF81 100%);
	background-image: -moz-linear-gradient(top, #ccffcc 0%, #8DCF81 100%);
	background-image: -webkit-linear-gradient(top, #ccffcc 0%, #8DCF81 100%);
	background-image: -ms-linear-gradient(top, #ccffcc 0%, #8DCF81 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #ccffcc),
		color-stop(1, #8DCF81)
	);
}

table#progress td.incomplete {
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	color: #666;
	background: #f0f0f0;
	background-image: linear-gradient(top, #e0e0e0 0%, #F0F0F0 100%);
	background-image: -o-linear-gradient(top, #e0e0e0 0%, #F0F0F0 100%);
	background-image: -moz-linear-gradient(top, #e0e0e0 0%, #F0F0F0 100%);
	background-image: -webkit-linear-gradient(top, #e0e0e0 0%, #F0F0F0 100%);
	background-image: -ms-linear-gradient(top, #e0e0e0 0%, #F0F0F0 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #e0e0e0),
		color-stop(1, #F0F0F0)
	);
}

table#progress td.incomplete span {
	background: url("../images/incomplete.png") 0 50% no-repeat;
}

table#progress td.complete span {
	background: url("../images/tick.png") 0 50% no-repeat;
}

/* billing grid */

table.plans th.current,
table.plans td.current
{
    background: rgba(0,0,255,.2);
}

/* fix user type tooltip */

.form-holder fieldset label a 
{
    text-align: left;
    font-size: 12px;
}

.form-holder fieldset label .tooltip:hover span {
	width: 350px;
}

/* Modal based progress bar for drop offs */
#progressBar, #userInviteModal 
{
    -moz-border-radius: 6px;
    background: #eef2f7;
    -webkit-border-radius: 6px;
    border: 1px solid #536376;
    -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
    -moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;;
    padding: 14px 22px;
    width: 400px;
    position: relative;
    display: none;
}

#progressBar .RadUploadProgressArea_Default .ruProgress
{
	background-image: none;
}
#progressBar .RadUploadProgressArea .ruProgress
{
	padding-top: 18px;
}
#progressBar .RadUploadProgressArea
{
    width: auto;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 8px;
    
}

#userInviteModal {
    padding: 14px 22px;
    width: 400px;
}

#userInviteModal h2 {
    font-weight: bold;
    font-size: 20px;
    line-height: 36px;
    padding-top: 10px;
    padding-bottom: 6px;
    color: #3a668d;
}
.col2 
{
    float: left;
    padding: 1%;
    width: 48%;
}

.ds-btn{border-style: none;
    border-color: inherit;
    border-width: 0;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;display:inline-block;*display:inline;padding:4px 12px;margin-bottom:0;*margin-left:.3em;font-size:14px;line-height:20px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,0.75);vertical-align:middle;cursor:pointer;background-color:#fedb71;*background-color:#febb48;background-repeat:repeat-x;*-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    text-decoration: none;
    background-image: linear-gradient(to bottom,#fedb71,#febb48);
}.ds-btn:hover{background-color:#febb48;*background-color:#d9d9d9;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}.ds-btn-mini{padding:0 6px;font-size:10.5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.ds-btn-small{padding:2px 10px;font-size:11.9px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.ds-btn-large{padding:8px 19px 5px 15px;font-size:17.5px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               .ds-btn-green{color:#fff !important;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#8AC843;*background-color:#1D9547;border-color: #52a552;
    background-image: linear-gradient(to bottom,#8AC843,#1D9547);

}.ds-btn-green:hover{background-color:#1D9547;}[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;margin-top:1px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-position:14px 14px;background-repeat:no-repeat;}.ds-btn-mini [class^="icon-"],.ds-btn-mini [class*=" icon-"]{margin-top:-1px;}.ds-btn-small [class^="icon-"],.ds-btn-small [class*=" icon-"]{margin-top:0;}.ds-btn-large [class^="icon-"],.ds-btn-large [class*=" icon-"]{margin-top:-3px;height:28px;width:28px;background-image:url("https://app.deliveredsecure.com/assets/img/icon-dropoff-large.png");}.icon-dropoff{background-image:url("https://app.deliveredsecure.com/assets/img/icon-dropoff.png");background-position:0 0;}


a.ds-btn
{
    border-radius: 4px;
}

.ds-btn-help
{
    color: #fff !important;
    text-shadow: none;
    background-image: linear-gradient(to bottom, #4974e4, #143794);
}

    .ds-btn-help:hover
    {
        background: #143794;
        background-image: linear-gradient(to bottom, #143794, #143794);
    }                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        .ds-btn-green .icon-dropoff{background-image:url("https://app.deliveredsecure.com/assets/img/icon-dropoff-white.png");}.ds-btn-green.ds-btn-large .icon-dropoff{background-image:url("https://app.deliveredsecure.com/assets/img/icon-dropoff-large-white.png");}

.support-button {
   position: fixed;
   right: 20px;
   bottom: 20px;
   z-index: 2147483646;
   cursor: pointer;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

header {
height: auto;
}

.red {
background: #dc2430;
background: linear-gradient(-20deg, #7b4397, #dc2430);
}

.orange {
background: #d23c39;
background: linear-gradient(-20deg, #d23c39, #dca74a);
}

.blue {
background: #4fb8d9;
background: linear-gradient(20deg, #6fe3e7, #4fb8d9 25%, #5648c1);
}

.green {
background: #accd3a;
background: linear-gradient(20deg, #accd3a, #2bc792);
}

.teal {
background: #5dd19c;
background: linear-gradient(20deg, #104a72, #5dd19c 75%, #fffae8);
}
.ds-logo {
float: right;
height: 60px;
}

#custom-header {
margin: 0 auto;
padding: 30px;
min-width: 700px;
max-width: 1200px;
min-height: 60px;
}

#custom-header h1 {
margin: 0;
padding: 0;
font-size: 36px;
color: #fff;
font-family: 'Open Sans', sans-serif;
line-height: 30px;
}

#custom-header h1 small {
font-size: 18px;
text-transform: uppercase;
color: rgba(255,255,255,.75);
letter-spacing: 1px;
}

#custom-header .custom-logo {
display: inline-block;
padding: 5px 10px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
background: #fff;
}

#custom-header .custom-logo img {
max-height: 50px;
}

ul#file-types {
    list-style: none;
    margin: 0;
}

ul#file-types li {
    padding: 5px;
    border-bottom: 1px solid #ccc;
}

ul#file-types {
    list-style: none;
    margin: 0 0 10px; /* Changed to 10px bottom margin for space between list and input */
}

.modal-view-image {
	width: 90vw !important;
}

.view-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
}