/* @group Info Stylesheet */

/*	*		LAYOUT GENERALE *
	*		Created:	 01/12/2010	 *
	*		Last update: 19/01/2011  *  
	*		Nome gruppo di proprieta': FilesAnywhere  *
    *		Author: Katty Garcia / www.pixelgdesign.com *
*/

/* @end */

/* @group Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

tbody, tfoot, thead, table, tr, th, td {
	border: none;
	border-color: #fff;
}

/*define focus styles!*/

:focus {
	-moz-outline-style: none;
}

ul, li {
	list-style: none;
}
li {
	line-height: 1.5em;
}
/* @end */

/* @group Default */

body {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;
	overflow-x: hidden;
	background-color: #f2f2f2;
}

body.bg {
	background: #f2f2f2 url(../Images/main-ui/header-theme/bg-body.jpg) repeat-x left top;
}
body.bgd {
	background: #1d6d9e url(../Images/main-ui/header-theme/bg-body-generic.jpg) repeat-x left top;
}
#container {
	width: 100%;
	height: 100%;
	background: #f2f2f2 url(../Images/main-ui/bg-body.jpg) repeat-x left top;
	float: left;
	position: relative;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	min-height: 140px;
	/*background: url(../Images/main-ui/bg-wrapper.jpg) no-repeat scroll center top;*/
	position: relative;
}
#wrapper.nobg {
	background: none;
}
.wrap {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

p {
	text-align: left;
}

a {
	text-decoration: none;
	color: #12487E;
}

a:hover {
	color: #0584D5;
}

textarea {
	overflow: hidden;
	padding-bottom: 0;
	font-size: 0.98em;
	padding: 5px 8px !important;
	/*color: #333;*/
}

.display-loading {
	width: 100px;
	height: 27px;
	padding-top: 3px;
	position: fixed;
	float: left;
	background: url(../Images/main-ui/loading-display.png) no-repeat scroll left top;
	z-index: 100;
	zoom: 1;
	margin-left: -50px;
	left: 50%;
	font-size: 12px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-shadow: 0 1px 0 #0085a6;
	cursor: default;
}

.search-loading {
	color: #6fabcc;
	display: block;
	margin: 50px 0;
	position: relative;
	font-size: 14px;
	padding-left: 50px;
	text-align: center;
}

.search-loading img {
	padding-bottom: 5px;
}

.big-title {
	font-size: 1.5em !important;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
}

a.download {
	color: #00a749;
}

.off a, a.off, a.button.off, a.button.off span, .box-files.off a.button, .box-files.off a.button span, input.off, input.submit.off, input.submit.primary.off, a.button-white, a.button-white span, .small-button.off, .small-button.off:hover, a.small-button.off, a.small-button.off:hover, input.small-button.off, input.small-button.off:hover, div.tab-info.off a, div.tab-info.off span.inner-label {
	cursor: default;
}

a.button.off:hover, a.button.off span:hover, .box-files.off a.button span {
	color: #555;
}
.small-button.off:hover, a.small-button.off:hover, input.small-button.off:hover {
	border-color: #d7d5d5;
	color: #555;
}
.off a:hover {
	color: #3399cc;
}

.off a.add-choice:hover {
	color: #000;
}
col {
display: table-column;
text-align: left;
}

/* @end */

/* @group Display Messages */

a.close {
	width: 16px;
	height: 16px;
	display: inline-block;
	float: right;
	text-indent: -9999px;
	background: url(../Images/main-ui/sprite-icons.png) no-repeat scroll -448px 0;
}

.tipmsg, span.tipmsg-msg {
	background: url(../Images/main-ui/icons/tip.png) no-repeat left top;
	padding: 5px 0 5px 20px;
	float: left;
	width: 100%;
	color: #797979;
	font-size: 1em;
	text-align: left;
  	border-style: solid;
  	border-color: #bcd6e8;
	/*border-width: 1px;*/ /* commented By Piyush For removing border  in form builder while creating the multilist items */
}
.tipmsg.white {
	background-position: left 3px;
	background-color: #fff;
}
.tipmsg span {
	color: #000;
}

div.tipmsg.rc {
	background-position: 5px 8px;
	padding: 10px 10px 10px 25px;
}
.tipmsg p {
	width: 95%;
	padding-bottom: 5px;
}
span.tipmsg-msg {
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
}

.displaymsg, .displaymsg.error, .displaymsg.info, .displaymsg.promo, .displaymsg.white {
	width: 99.8%;
	padding: 10px 0;
	color: #000;
	border: 1px solid #bcd6e8;
	color: #333;
/*	margin-bottom: 10px;*/
	float: left;
	background: #deeefe url(../Images/main-ui/icons/info.png) no-repeat 10px 10px;
	min-height: 10px;
}
#main-content .displaymsg {
	margin-bottom: 10px;
}
.bdmsg {
	width: 90%;
	display: inline-block;
	float: left;
	margin-left: 20px;
	border-color: #fdfbcd;
}

.displaymsg a.close {
	margin-right: 15px;
	background: url(../Images/main-ui/sprite-icons.png) no-repeat scroll -464px 0;
}
.displaymsg a.closeUpload {
    width: 16px;
	height: 16px;
	display: inline-block;
	float: right;
	text-indent: -9999px;
	background: url(../Images/main-ui/sprite-icons.png) no-repeat scroll -448px 0;
	margin-right: 15px;
	background: url(../Images/main-ui/sprite-icons.png) no-repeat scroll -464px 0;
}
.displaymsg img {
	margin-right: 10px;
	float: left;
}

.displaymsg p {
	width: 90%;
	float: left;
	color: #000;
	padding: 0;
	left: 40px;
	position: relative;
	margin-right: 0;
	display: inline-block;
	font-weight: normal;
}
.displaymsg p:first-child {
	
}
.displaymsg p strong {
	color: #000;
}
.displaymsg.white {
	background: #fff none;
	border-color: #bcd6e8;
}

.displaymsg.white, .displaymsg.attention.white {
	background-color: #fff;
	border-color: #bcd6e8;
}
.displaymsg.error {
	background: #feeaec url(../Images/main-ui/icons/error.png) no-repeat 10px 10px;
	border: 1px solid #feada8;
}

#content-page .displaymsg.error {
	margin-top: 10px;
}

.displaymsg.info {
	background: #fef3e7 url(../Images/main-ui/icons/thumb-up.png) no-repeat 10px 10px;
	border-color: #fec98d;
}

.displaymsg.attention, .tipmsg.yellow {
	background: #fffbe8 url(../Images/main-ui/icons/attention.png) no-repeat 10px 10px;
	border-color: #fde97a;
}

.displaymsg.success {
	background: #dafdd7 url(../Images/main-ui/icons/okay.png) no-repeat 10px 10px;
	border-color: #8be866;
}

.displaymsg.trans, .displaymsg.error.trans, .displaymsg.info.trans, .displaymsg.promo.trans, .displaymsg.white.trans {
	background-color: transparent;
	border: none;
}
.displaymsg.trans {
	background-image: none;
	position: relative;
}
.displaymsg h1 {
	font-size: 16px;
	color: #000;
	margin-left: 40px;
}


.displaymsg h1 span {
	font-size: 12px;
	font-weight: normal;
	color: #333;
	display: block;
	float: left;
}
.displaymsg.trans strong {
	color: #000;
}
.displaymsg.trans h1, .displaymsg.trans p {
	float: left;
	margin-left: 0;
	left: 0;
}
.displaymsg.trans .left {
	width: 85%;
}

.displaymsg p small {
	font-size: 11px;
	color: #666;
	padding-top: 20px;
	display: block;
}
.displaymsg.trans .icon32 {
	margin: 0 20px 0 10px;
}
.img-col {
	width: 120px;
	float: left;
}
.text-col {
	width: 420px;
	float: left;
}
.text-col h1, .text-col p {
	padding-bottom: 10px;
}

div.read-only-msg {
	width: 20%;
	float: right;
	position: absolute;
	right: 15px;
	top: 0;
}
div.read-only-msg > div > .displaymsg {
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	khtml-border-radius:5px;
}

.admsg {
	width: 85%;
	background: #fff url(../Images/main-ui/bg-box-ad.jpg) repeat-x left top;
	border: 1px solid #90c2e4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	outline: 0;
	padding: 20px 15px;
	margin: 15px 0 0 20px;
	float: left;
}

.admsg h2 {
	color: #000;
	font-size: 1.3em;
}

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

span.blurb-text {
	font-size: 1.3em;
	padding: 10px 10px 0 0;
	display: inline-block;
	color: #000;
	font-weight: 300;
	float: left;
}

.blu-sh {
	float: left;
	background-color: #d8ebf8;
	border: 1px solid #87aacc;
	display: inline-block;
	margin: 20px 0;
}

.blu-sh.rc .label {
	padding-top: 8px;
	margin-right: 10px;
	font-size: 1em;
}

.blu-sh .label .icon16 {
	margin: -3px 5px 0 0;
}

.ops-msg {
	display: block;
	padding: 10px;
	float: left;
}

.ops-msg h1 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 30px;
	font-weight: 300;
	color: #999;
	margin-bottom: 15px;
}

.ops-msg p {
	color: #333;
	font-size: 14px;
	margin-bottom: 15px;
}

.ops-msg .orange {
	display: block;
	font-size: 18px;
	font-weight: bold;
}

/* @group Instructions Messages */

.centermsg {
	width: 65%;
	margin: 60px auto;
	margin-bottom: 100px;
	padding: 10px 20px;
}

.centermsg h1 {
	color: #1f6fa0;
	font-size: 30px;
	font-weight: 300;
}

.centermsg p {
	color: #666;
	font-size: 14px;
}

.centermsg strong {
	color: #000;
}

.empty-files {
	background: url(../Images/main-ui/empty-folder.png) no-repeat left top;
	padding: 30px 0 30px 120px;
}

.empty-files-vf {
	background: url(../Images/main-ui/empty-folder-vf.png) no-repeat left top;
	padding: 30px 0 30px 120px;
}

/* @end */

/* @end */

/* @group Navigation & Buttons */

/* @group Tab Nav */

#nav-bar {
	height: 40px;
	position: absolute;
	top: 77px;
	float: left;
	left: 0;
	width: 957px;
	border: 1px solid #081e32;
	border-bottom: none;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background-color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#0e2d49', endColorstr = '#12375a');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#0e2d49', endColorstr = '#12375a')";
	background-image: -moz-linear-gradient(top, #0e2d49, #12375a);
	background-image: -ms-linear-gradient(top, #0e2d49, #12375a);
	background-image: -o-linear-gradient(top, #0e2d49, #12375a);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#0e2d49), to(#12375a));
	background-image: -webkit-linear-gradient(top, #0e2d49, #12375a);
	background-image: linear-gradient(top, #0e2d49, #12375a);
	/*padding-top: 13px;*/
	/*border-bottom: 2px solid #145496;*/
}

ul#tabs-ui-nav {
	margin: 0;
	padding: 0;
	/*padding: 4px 10px 0 10px;*/
	list-style: none;
	float: left;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	position: relative;
}

ul#tabs-ui-nav li {
	float: left;
	background: transparent url("../Images/main-ui/nav-li.png") repeat-y scroll right top;
	margin: 0;
	/*padding: 0 0 0 6px;*/
	/*margin-right: 5px;*/
	height: 100%;
	/*border-right: 1px solid #27445f;*/
}
/*ul#tabs-ui-nav li + li {
	border-left: 1px solid #0c263d;
}*/
ul#tabs-ui-nav a {
	float: left;
	display: block;
	/*background: url("../Images/main-ui/tab.png") no-repeat scroll right -37px;*/
	padding: 15px 20px 0 20px;
	text-decoration: none;
	font-weight: normal;
	color: #c5dded;
	height: 25px;
	font-size: 11px;
	text-transform: uppercase;
	position: relative;
	-webkit-transition: background-color linear .2s;
	-moz-transition: background-color linear .2s;
	-o-transition: background-color linear .2s;
	-ms-transition: background-color linear .2s;
	transition: background-color linear .2s;
}
ul#tabs-ui-nav a:hover   {
	color: #fff;
	background-color: rgba(196,235,255,.2);
}
ul#tabs-ui-nav li.current {
	padding-right: 10px;
	border-right: none;
	margin-right: -10px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	outline: 0;
	position: relative;
	background: transparent url(../Images/main-ui/header-theme/nav-li-current-shadow.png) no-repeat right top;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/

ul#tabs-ui-nav a {
	float: none;
}

/* End IE5-Mac hack */

/*ul#tabs-ui-nav li:hover {
	background: url("../Images/main-ui/tab.png") no-repeat scroll left -74px;
}*/

/*ul#tabs-ui-nav a:hover {
	color: #0b4377;
	background: url("../Images/main-ui/tab.png") no-repeat scroll right -111px;
}*/

/*ul#tabs-ui-nav li.current {
	background: url("../Images/main-ui/tab.png") no-repeat scroll left -148px;
	height: 37px;
}*/

ul#tabs-ui-nav li.current a {
	background: #fff;
	/*background: url("../Images/main-ui/tab.png") no-repeat scroll right -185px;*/
	color: #0d263a;
	padding-bottom: 0px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	display: block;
	background-color: #ffffff;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e9f6fb', endColorstr = '#ffffff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e9f6fb', endColorstr = '#ffffff')";*/
	background-image: -moz-linear-gradient(top, #e9f6fb, #ffffff);
	background-image: -ms-linear-gradient(top, #e9f6fb, #ffffff);
	background-image: -o-linear-gradient(top, #e9f6fb, #ffffff);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#e9f6fb), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #e9f6fb, #ffffff);
	background-image: linear-gradient(top, #e9f6fb, #ffffff);

}

i.updates {
	background: #fe7a23;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: 0;
	color: #fff;
	padding: 3px;
	margin-left: 5px;
	font-size: 0.8em;
	text-transform: uppercase;
	font-style: normal;
	position: relative;
	line-height: 1em;
	/*top: -3px;
	right: -6px;*/
}

/* @end */

/* @group MenuAdvanced - Item File */

.MenuGroup {
	background-image: none;
	background-color: white;
	border: 1px solid #cdcece;
	cursor: default;
	border-collapse: separate;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	khtml-border-radius: 5px;
	padding-right: 3px;
}

.MenuGroupRTL {
	background-color: white;
	border: solid 1px #7E7E81;
	cursor: default;
	border-collapse: separate;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	khtml-border-radius: 5px;
}

.MenuItem, .MenuItemHover {
	color: #797979;
	font-size: 11px;
	margin: 1px;
	cursor: default;
	border-collapse: separate;
	border-color: #fff;
	margin-left: 3px;
	line-height: 16px;
}

.MenuItemHover {
	color: #0b4377;
	background-color: #e7f7fe;
	cursor: pointer;
}

.MenuBreak {
	border-bottom: 1px dotted #CCCCCC;
	display: block;
	margin: 2px 0;
	width: 100%;
}

/* @end */

/* @group Buttons */

button.dropdown-button {
	width: 100%;
	display: block;
	text-align: left;
	padding-right: 15px;
	position: relative;
	background: #f6f6f6 url(../Images/main-ui/sprite_button.png) repeat-x 0 -606px;
	border: none;
	border-top: 1px solid #e1e3e3;
	border-bottom: 1px solid #e1e3e3;
	height: 27px;
}
button.dropdown-button:hover {
	border-color: #ccc;
}
.toggle {
	padding: 6px 0 0 6px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	float: right;
}

.toggle .arrow-drop {
	background: url(../Images/main-ui/sprite-icons.png) no-repeat -704px -64px;
	height: 12px;
	width: 10px;
	text-indent: -99999px;
	position: static;
	display: block;
}

.button_val {
	display: inline-block;
	margin-top: 3px;
	color: #8096a0;
}

.small-button, input.small-button {
	font-size: 11px;
	color: #555;
	border: 1px solid #d7d5d5;
	border-radius:3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius:3px; 
	khtml-border-radius:3px;
	padding: 5px 10px;
	display: inline-block;	
	margin: 0;
	background-color: #fff;
	font-weight: bold;
	overflow: hidden;
	line-height: 1.2em;
}
.small-button:hover, input.small-button:hover {
	color: #000;
	border-color: #666;
	cursor: pointer;
}
.small-button.primary {
	background-color: #e6f1f7;
	border-color: #90b8dd;
	color: #2f5a7a;
	text-shadow: 0 1px 0 #fff;
}
.small-button.primary:hover, input.small-button.primary:hover  {
	background-color: #cae7fb;
	border-color: #81afd2;
	color: #0e437b;
}
.folder-dropdown {
	width: 340px;
	/*position: absolute;
	right: 10px;*/
	/*overflow: auto;*/
	/*float:right;
	overflow: auto;
	margin-right: 10px;*/
	display: block;
}

.folder-dropdown button.dropdown-button {
	width: 340px;
	border: 1px solid #d7d7d7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	height: 25px;
}
.folder-dropdown #folder-tree.default {
	width:315px;
	top: 26px;
	left: 1px;
	position: absolute;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-color: #b6b6b6;
	z-index: 10;
}
ul.main-second-tools{
	float: right;
	z-index: 10;
	width: auto;
	position: relative;
}
ul.main-second-tools > li {
	width: auto;
	float: left;
	/*display: inline-block;*/
	margin-left: 10px;
	position: relative;
}

ul.main-second-tools > li.folder-options {
	width: auto; /*125px; Dropdown is not fit with more then one button*/
}



/* @end */

/* @end */

/* @group Header */

#header {
	width: 960px;
	height: 119px;
	display: block;
	background: url(../Images/main-ui/bg-header.png) no-repeat center top;
}

a#header-logo, span#header-logo, span#header-logo-beta {
	background: transparent url(../CustImages/InfoHeaderBar.png) no-repeat scroll 0 0;
	width: 400px;
	height: 60px;
	top: 0;
	left: 0px;
	float: left;
	position: relative;
	display: block;
}
span#header-logo-beta {
	background: transparent url(../CustImages/InfoHeaderBar.png) no-repeat scroll 0 0;
	width: 230px;
	height: 62px;
	top: 8px;
}
#header .panel-log {
	width: 440px;
	color: #F4F8FB;
	font-size: 12px;
	min-height: 62px;
	position: relative;
	right: 0px;
	top: 3px;
	margin: 0;
/*	text-align: right;*/
	float: right;
}
#header .panel-log.switch {
	width: 500px;
}
.avatar {
	width: 30px;
	height: 30px;
	float: right;
	/*overflow: auto;*/
	/*position: relative;
	margin: 5px 0 0 5px;*/
}

ul.inputs.text.avatar-name {
	width: 450px;
	padding-top: 5px;
}
.avatar a {
	float: left;
}
/*In aspx page we are applying beloww cSS on Image tag*/

.normal_avatar {
	border: 1px solid #5685b5;
	display: block;
	margin: 0;
}
.normal_avatar img {
	float: left;
}
/*.normal_avatar img {
	border: 1px solid #fff;
}*/

ul#account-links {
	/*width:auto;*/
	display: inline-block;
	float: right;
	list-style: none;
	padding: 5px 0;
	position: relative;
	clear: both;
	/*overflow: auto;*/
}
ul#account-links > li {
	display: inline-block;
	margin-right: 15px;
	float: left;
	/*overflow: hidden;*/
	position: relative;
}
ul#account-links > li:first-child {
	width: 32px;
}
ul#account-links li + li {
	padding-top: 10px;
}
ul#account-links li a, .panel-log a {
	float: left;
	color: #92d9ff;
	text-decoration: none;
	font-size: 1em;
	/*margin: 0 5px 0 0;*/
	/*line-height: 18px;*/
}
ul#account-links li a {
    color: #FFF;
}
ul#account-links li a:hover {
	color: #d5f3fe;
	/*text-decoration: underline;*/
}

#account-links li a.user-name {
	margin-right: 0;
	font-weight: bold;
	/*color: #FFF;*/
	font-size: 1.1em;
	float: left;
	cursor: pointer;
}

#account-links li a.user-name b.icon16 {
	margin: 0 0 0 10px;
}

#account-links li a.user_profile {
	background: url(../Images/main-ui/icons/user-profile.png) no-repeat scroll left top;
	padding-left: 18px;
}

#account-links li a.help {
	background: url(../Images/main-ui/icons/help.png) no-repeat scroll left top;
	padding-left: 25px;
	left: 0;
	margin-right: 0;
}

#account-links li a.switch {
	padding-left: 20px;
	background: url(../Images/main-ui/icons/switch.png) no-repeat scroll left top;
	margin-left: 5px;
}
#account-links li a.feedback {
	padding-left: 20px;
	background: url(../Images/main-ui/icons/spechbubble.png) no-repeat scroll left top;
	margin-left: 5px;
}

.storage-head-info {
	width: 300px;
	float: right;
	padding: 0;
	/*margin-right: 10px;*/
	position: relative;
	padding-top: 2px;
}
.storage-head-info > ul > li {
	display: inline;
	overflow: hidden;
}
#header div.panel-log.switch div.storage-head-info {
	width: 200px;
}

.storage-head-links {
	padding-left: 10px;
	position: relative;
	float: right;
	display: block;
	width: auto;
}
.storage-bar {
	background: #fffeff none repeat scroll 0 0;
	border: 1px solid #c3c3c3;
	display: block;
	float: left;
	height: 8px;
	padding: 1px;
	margin-right: 4px;
	overflow: hidden;
	position: relative;
	top: 0px;
	width: 100%;
	border-radius:5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
	khtml-border-radius:5px;
}

.storage-bar span.space-color {
	background: none repeat scroll 0 0 #FF9400;
	display: block;
	height:100%;
	/*margin: 1px;*/
	/*overflow: hidden;*/
	position: relative;
	top: 0;
	float: left;
	border-radius:5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
	khtml-border-radius:5px;
}

span.storage-used-info {
	color: #92d9ff;
	font-size: 0.8em;
	float: left;
	top: 3px;
	left: 3px;
	position: relative;
	padding-right: 8px;
}

.storage-head-links a {
	color: #fe7a23;
	margin-right: 5px;
	padding-left: 18px;
	/*float: right;*/
}

img#imgSpaceAlert.tip {
	float: left;
	padding: 2px 0pt 0pt;
}

.storage-head-links a:hover {
	color: #fe471b;
}


a.refresh {
	display: inline-block;
	float: right;
	font-size:0.9em;
	padding-left: 18px;
	margin-top: 3px;
	cursor: pointer;
	background: url(../Images/main-ui/icons/refresh.png) no-repeat scroll left top;
}
a.refresh:hover {
	color: #fff;
}
.storage-head-links a.upgrade {
	background: url(../Images/main-ui/icons/user-upgrade.png) no-repeat scroll left top;
}

.header-search-box {
	float: right;
	width: 248px; /*removed auto because search texbox was not looking proper in google chrome */
	position: relative;
	top: 7px;
	right: 10px;
	/*IE hack*/
	width:251px\0/;
}
.header-search-box .search-dark {
	position: absolute;
	z-index: 1;
	right: 30px;
	top: 5px;
	margin: 0;
}
.header-search-box.noadv {
	width: 205px;
}

ul#search-inputs {
	/*width: auto;
	overflow: hidden;*/
	float: right;
}
ul#search-inputs > li {
	float: left;
}
span.is-icon {
	width: 13px;
	height: 21px;
	display: block;
	float: left;
	margin-right: 10px;
	top: 3px;
	text-indent: -9999px;
	background: url(../Images/main-ui/header-theme/indexsearch.png) no-repeat scroll left top;
	position: relative;
}

span.is-icon.hide {
	background: none;
}

a.advanced {
	width: 23px;
	height: 23px;
	padding: 0;
	display: block;
	float: left;
	border: none;
	border: 1px solid #081e32;
	border-left-color: #80b5d3;
	background-color: #91c7de;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	background: #9cb9d1;
	background: -moz-linear-gradient(top,  #9cb9d1 0%, #3971a3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9cb9d1), color-stop(100%,#3971a3));
	background: -webkit-linear-gradient(top,  #9cb9d1 0%,#3971a3 100%);
	background: -o-linear-gradient(top,  #9cb9d1 0%,#3971a3 100%);
	background: -ms-linear-gradient(top,  #9cb9d1 0%,#3971a3 100%);
	background: linear-gradient(top,  #9cb9d1 0%,#3971a3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cb9d1', endColorstr='#3971a3',GradientType=0 );


}

a.advanced:hover {
	background-color: #add0e7;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#add0e7', endColorstr = '#407cbb');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#add0e7', endColorstr = '#407cbb')";
	background-image: -moz-linear-gradient(top, #add0e7, #407cbb);
	background-image: -ms-linear-gradient(top, #add0e7, #407cbb);
	background-image: -o-linear-gradient(top, #add0e7, #407cbb);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#add0e7), to(#407cbb));
	background-image: -webkit-linear-gradient(top, #add0e7, #407cbb);
	background-image: linear-gradient(top, #add0e7, #407cbb);
}
a.advanced .icon16 {
	margin: 2px 0 0 3px;
	display: block;
}
a.help, a.help:visited {
	width: 16px;
	height: 16px;
	display: block;
	text-indent: -9999px;
	float: left;
	position: relative;
	left: 8px;
	background: url(../Images/main-ui/sprite-icons.png) no-repeat scroll -480px 0;
}

a.button-blue:hover span {
	background: transparent url(../Images/main-ui/btn-blue-left.png) no-repeat scroll bottom left;
}

.header-search-box.simple a.advanced,
.header-search-box.simple .is-icon {
	display: none;
}

#box-adv-search a.help {
	top: 2px;
	float: left;
}

#box-adv-search a.help.index {
	top: -3px;
	left: 5px;
	float: right;
}

#box-adv-search .col {
	width: 295px;
	float: left;
}

#box-adv-search .col.middle {
	width: 330px;
}

.sizebt {
	width: 20px;
	font-size: 11px;
	color: #666;
	margin-right: 2px;
	float: left;
	position: relative;
}

.sizebt.first {
	margin-left: 95px;
}

div.header-search-box input[type=text] {
	width: 175px;
	height: 25px;
	/*line-height: 22px;*/
	/*background: url(../Images/main-ui/sprite-search-box.png) no-repeat scroll 0 0;*/
	background: #fff;
	padding: 0 10px;
	margin: 0;
	border: 1px solid #081e32;
	border-left-width: #214c6f;
	color: #000;
	float: left;
	font-size: 1em;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	/*IE8 hack*/
	width: 157px\0/;
	height: 23px\0/;

}

#header .beta {
	width: 35px;
	height: 17px;
	padding: 3px 0 0 15px;
	background: url(../Images/main-ui/beta.png) no-repeat left top;
	font-weight: bold;
	font-size:0.9em;
	text-shadow: 0 1px 0 #4b677a;
	color: #fff;
	position: absolute;
	left: 210px;
	top: 30px;
}

/* @end */

/* @group Content */

#main-content {
	width: 958px;
	float: left;
	position: relative;
	background: #fff;
	padding: 0 0 8px 0;
	min-height: 400px;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
}

.page-wrap {
	width: 100%;
	height: auto;
	margin: 0;
	position: relative;
	float: left;
}

#content-page {
	width: 958px;
	float: left;
	position: relative;
	background: #fff;
}

ul.breadcrumb {
	width: 930px;
	padding: 0;
	display: block;
	float: left;
	position: relative;
	left: 5px;
	padding: 8px 10px 4px 10px;
	margin-bottom: 5px;
	z-index: 100;/* important! overlap issue of breadcrumb drodown.*/
}

ul.breadcrumb li {
	float: left;
	margin-right: 5px;
	list-style: none;
	color: #999;
	font-size: 0.9em;
	/*padding-top: 3px;*/
	position: relative;
}

ul.breadcrumb li a {
	padding: 0;
	margin: 0 5px 0 0;
	color: #999;
	float: left;
	line-height: 12px;
}

ul.breadcrumb li span.openfolder, ul.breadcrumb li a span.openfolder {
	width: 10px;
	height: 12px;
	display: block;
	float: left;
	margin: 1px 0 0 0;
	top: 2px;
	background: url(../Images/main-ui/li-breadcrumb.png) no-repeat scroll left top;
}

ul.breadcrumb li span.openfolder {
	/*margin-top: 5px;*/
}

ul.breadcrumb li a span.openfolder.active {
	background: url(../Images/main-ui/li-breadcrumb.png) no-repeat scroll 0 -22px;
}

ul.breadcrumb li a:hover {
	color: #797979;
}

ul.breadcrumb li a.active {
	color: #000;
}

/*ul.breadcrumb li a.home {
	height: 20px;
	display: block;
	padding: 4px 0 0 32px;
	background: url(../Images/main-ui/li-breadcrumb-home.png) no-repeat scroll left top;
}*/

/*ul.breadcrumb li a.home:hover {
	background: url(../Images/main-ui/li-breadcrumb-home.png) no-repeat scroll left bottom;
	color: #000;
}*/

ul.breadcrumb li.active-nofolder {
	top: 5px;
	height: 12px;
	background: url(../Images/main-ui/li-breadcrumb-home.png) no-repeat scroll left bottom;
	color: #000;
	background: url(../Images/main-ui/li-breadcrumb.png) no-repeat scroll left bottom;
	position: relative;
	padding-left: 12px;
}

.main-options-buttons {
	float: left;
	width: 938px;
	padding: 10px;
	clear: both;
	background: #fff url(../Images/main-ui/bg-main-content.png) repeat-x 0 0;
}

a.folder-tree {
	line-height: 16px;
	padding-left: 18px;
	padding-top: 5px;
	float: left;
	background: url(../Images/main-ui/icons/tree-folder.png) no-repeat scroll left top;
}

#folder-tree, .folder-open {
	background-color: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	outline: 0;
	border: 1px solid #87aacc;
	display: none;
	overflow: auto;
	padding: 10px 20px 10px 10px;
	position: absolute;
	width: 200px;
	margin-top: 22px;
	left: 27px;
	z-index: 99999;
	zoom: 1;
	color: #333;
    height:200px;    /*bread crumb dropdown and jump to folder div height is fixed*/
}

#folder-tree.default {
	width: 96%;
	margin: 0;
	padding: 10px;
	left: 0;
	top: 52px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-color: #b6b6b6;
}

.menu-mb {
	width: 110px;
	left: 12px;
	top: 3px;
	padding: 8px;
	border-color: #b6b6b6;
	-moz-box-shadow: 0 0 4px #ccc;
	-webkit-box-shadow: 0 0 4px #ccc;
	box-shadow: 0px 0px 4px #ccc;
	z-index: 99999;
}

.menu-mb.more {
	width: 85px;
}

.menu-mb.more.autowd {
	width: auto !important;
}

.menu-mb ul {
	width: 100%;
}

.menu-mb li {
	width: 100%;
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
}

.menu-mb li.active a {
    background: url("../Images/virtual-folders/menu-mb-li-active.jpg") no-repeat scroll left 5px transparent;
    color: #156b98;
    margin-left: 5px;
    padding-left: 15px;
}

.menu-mb li a {
	display: block;
	font-size: 11px;
	font-weight: normal;
	padding: 3px 5px;
	color: #797979;
}

.menu-mb li a:hover {
	color: #000;
}

.menu-mb li a img {
	padding-right: 3px;
}

.menu-mb.options {
	left: 0;
	width: 140px;
	border-color: #bcd6e8;
}

ul.file-main-buttons {
	width: auto;
	float: right;
	position: relative;
	/*right: 10px;*/
	z-index: 10;
}

ul.file-main-buttons li {
	float: left;
	position: relative;
	z-index: 3000;
}

.folder-open {
	top: 12px;
	margin-top: 5px;
	left: 0;
	color: #333;
}

#folder-tree .link {
	position: relative;
	float: left;
	display: block;
	clear: both;
}

#folder-tree .link a:hover, .folder-open .link a:hover {
	text-decoration: none;
}

#folder-tree a.folder:hover, .folder-open a.folder:hover {
	background-color: #edf7fc;
}

#folder-tree a.root.first, .folder-open a.root.first {
	border-bottom: 1px dotted #87aacc;
	padding-bottom: 2px;
	margin-bottom: 2px;
	color: #000;
}

#folder-tree a.folder, .folder-open a.folder {
	color: #666;
	display: block;
	font-size: 12px;
	line-height: 16px;
	height: 16px;
	margin-left: 18px;
	white-space: nowrap;
	clear: both;
}

#folder-tree img.subfolder, .folder-open img.subfolder {
	height: 10px;
	left: 0px;
	position: absolute;
	top: 4px;
	width: 13px;
}

#folder-tree .container {
	display: none;
	margin-left: 12px;
	white-space: nowrap;
}

#folder-tree a img.folder_icon {
	margin-right: 4px;
}

#folder-tree img.opened {
	background: url(../Images/main-ui/icons/expanded.png) no-repeat 3px 0px;
}

#folder-tree img.closed {
	background: url(../Images/main-ui/icons/closed.png) no-repeat 3px 0px;
}

/*Default Button*/

.button-transparent {
	background: none;
}

a.button, a.button-blue, a.button-white, button.button {
	background: transparent url(../Images/main-ui/sprite_button.png) no-repeat right 0;
	float: left;
	height: 25px;
	/*min-width: 51px;*/
	padding-right: 10px;
	text-decoration: none;
	color: #424242;
	font-size: 11px;
	font-weight: bold;
	overflow: hidden;
	cursor: pointer;
	text-shadow: 0 1px 0 #fff;
	border: none;
}

a.button span, a.button-blue span, a.button-white span, button.button span, button.button-blue span, button.button-white span {
	background: transparent url(../Images/main-ui/sprite_button.png) no-repeat scroll left -50px;
	display: block;
	height: 25px;
	line-height: 25px;
	padding: 0 0 0 10px;
	/*min-width: 30px;*/
	cursor: pointer;
}

a.button:hover, a.button-blue:hover, a.button-white:hover, button.button:hover, button.button-blue:hover, button.button-white:hover {
	background: transparent url(../Images/main-ui/sprite_button.png) no-repeat scroll right -25px;
	color: #000;
}

a.button:hover span, a.button-blue:hover span, a.button-white:hover span, button.button:hover span, button.button-blue:hover span, button.button-white:hover span {
	background: transparent url(../Images/main-ui/sprite_button.png) no-repeat scroll left -75px;
}

a.button span img, a.button-blue span img, a.button-white span img, .button .icon16, button.button span img, button.button-blue span img, button.button-white span img {
	position: relative;
	top: 4px;
	margin: 0;
	margin-right: 6px;
}

/*Blue Button*/

a.button-blue, button.button-blue {
	background: transparent url(../Images/main-ui/sprite_button.png) no-repeat scroll right -100px;
	color: #fff;
	text-shadow: 0 1px 0 #555;
}

a.button-blue span, button.button-blue span {
	background: transparent url(../Images/main-ui/sprite_button.png) no-repeat left -150px;
}

a.button-blue:hover, button.button-blue:hover {
	background: transparent url(../Images/main-ui/sprite_button.png) no-repeat scroll right -125px;
	color: #fff;
}

a.button-blue:hover span, button.button-blue:hover span {
	background: transparent url(../Images/main-ui/sprite_button.png) no-repeat left -175px;
}
/* Button BIG*/

a.button.big, button.button.big {
	background: transparent url(../Images/main-ui/sprite_button.png) no-repeat scroll right -465px;
	height: 35px;
	font-size: 1em;
	font-weight: bold;
	padding-right: 15px;
}

a.button.big span, button.button.big span {
	background: transparent url(../Images/main-ui/sprite_button.png) no-repeat scroll left -535px;
	height: 35px;
	line-height: 35px;
}

a.button.big:hover, button.button.big:hover {
	background: transparent url(../Images/main-ui/sprite_button.png) no-repeat scroll right -500px;
}

a.button.big:hover span, button.button.big:hover span {
	background: transparent url(../Images/main-ui/sprite_button.png) no-repeat scroll left -570px;
}
a.button.big .icon16 {
	margin-top: 5px;
}
/*Blue Button BIG*/

a.button-blue.big, button.button-blue.big {
	background: transparent url(../Images/main-ui/sprite_button.png) no-repeat scroll right -325px;
	height: 35px;
	font-size: 1em;
	font-weight: bold;
	padding-right: 20px;
}

a.button-blue.big span, button.button-blue.big span {
	background: transparent url(../Images/main-ui/sprite_button.png) no-repeat scroll left -395px;
	height: 35px;
	line-height: 35px;
	padding-left: 20px;
}

a.button-blue.big:hover, button.button-blue.big:hover {
	background: transparent url(../Images/main-ui/sprite_button.png) no-repeat scroll right -360px;
}

a.button-blue.big:hover span, button.button-blue.big:hover span {
	background: transparent url(../Images/main-ui/sprite_button.png) no-repeat scroll left -430px;
}

/*Button White*/

a.button-white, button.button-white {
	background: transparent url(../Images/main-ui/sprite_button.png) no-repeat scroll right -200px;
	color: #156b98;
	font-size: 12px;
	font-weight: normal;
}

a.button-white span, button.button-white span {
	background: transparent url(../Images/main-ui/sprite_button.png) no-repeat scroll left -250px;
}

a.button-white:hover, button.button-white:hover {
	background: transparent url(../Images/main-ui/sprite_button.png) no-repeat scroll right -225px;
	color: #1093d2;
}

a.button-white:hover span, button.button-white:hover span {
	background: transparent url(../Images/main-ui/sprite_button.png) no-repeat scroll left -275px;
}
/*Button White BIG*/

a.button-white.big, 
button.button-white.big {
	height: 35px;
	font-size: 1em;
	font-weight: bold;
	padding-right: 20px;
	color: #666;
	background-position: right -635px;
}
a.button-white.big span, 
button.button-white.big span {
	height: 35px;
	line-height: 35px;
	padding-left: 20px;
	background-position: left -705px;
}
a.button-white.big:hover, 
button.button-white.big:hover {
	color: #333;
	background-position: right -670px;
}

a.button-white.big:hover span,
button.button-white.big:hover span {
	background-position: left -740px;
}

/* -- end */
a.button.dropdown, a.button-white.dropdown, button.button.dropdown, button.button-white.dropdown {
	padding-right: 20px;
}
a.button.dropdown span, a.button-white.dropdown span, button.button.dropdown span, button.button-white.dropdown span {
	padding-right: 10px;
}
.main-options-buttons a.button, .main-options-buttons button.button {
	margin: 0 10px 0 0;
}

ul.file-main-buttons a.button {
	text-transform: uppercase;
	margin: 0 0 0 10px;
}

i.drop {
	width: 18px;
	height: 23px;
	display: block;
	background: url(../Images/main-ui/sprite_button.png) no-repeat 0 -300px;
	float: right;
	position: absolute;
	text-indent: -99999px;
	top: 1px;
	right: 3px;
}

i.drop:hover {
	background: url(../Images/main-ui/sprite_button.png) no-repeat -20px -300px;
}

a.button-white i.drop, button.button-white i.drop {
	background: url(../Images/main-ui/sprite_button.png) no-repeat -40px -300px;
}

#content-page .button {
	margin-right: 10px;
}
/*Square Button*/ 
a.button.square,
a.button.square span {
	min-width: 0;
}

a.button.square {
	padding-right: 8px;
}

a.button.square span {
	padding-left: 8px;
}

a.button.square .icon16 {
	margin: 0;
}
/* @end */

/* @group Page Styles */

.page {
	width: 958px;
	padding: 30px 0;
/*	margin-top: 10px; */ /* commented By Piyush For removing space above eform builter @createform.aspx and other pages. */
	float: left;
	background: url(../Images/main-ui/bg-main-content.png) repeat-x scroll left top;
}

.inner-page {
	width: 898px;
	padding: 0 30px;
	float: left;
	position: relative;
}
.files .inner-page {
	width: 900px;
	padding: 15px 15px 0 15px;
}
.box-tabs, .box-gradient {
	width: 898px;
	padding: 15px 30px;
	float: left;
	position: relative;
	background: #fff url(../Images/main-ui/bg-box-tabs.jpg) repeat-x scroll left top;
}

.box-gradient.bigspace {
	width: 858px;
	padding: 30px 50px;
}

.box-gradient.title {
	width: 938px;
	padding: 20px 10px;
}

.box-gradient.title.small {
	padding: 15px 10px 10px 10px;
	font-size: 16px;
	background: #fffeff none;
	font-weight: 300;
	color: #0b4377;
}

/*.box-gradient .jbox {
	width: 97.5%;
}*/

.page h1, .box-gradient.title h1, .files h1 {
	font-weight: bold;
	font-size: 21px;
	line-height: 1em;
}

.page h2, .box-gradient.title h2, .files h2 {
	font-size: 14px;
	color: #666;
	font-weight: lighter;
	margin-bottom: 20px;
	overflow: hidden;
}
.page h1 b, .box-gradient.title h1 b, .files h1  b {
	color: #666;
	font-weight: lighter;
}
.box-tabs-content {
    color: #666666;
    padding: 25px 0;
}

.box-tabs-content h1 {
    color: #145496;
    font-size: 16px;
    font-weight: normal;
}

.box-tabs-content p {
    margin: 20px 0;
    line-height: 19px;
}

.box-gradient.title h1 {
	display: inline;
	float: left;
}

.box-gradient.title h2 {
	margin-bottom: 0;
	display: block;
}

.box-gradient.title .tip {
	float: none;
	display: inline-block;
}

.files .page {
	width: 96%;
	background: none;
	margin: 0;
	padding: 20px;
}

.files .box-gradient {
	width: 94%;
}

/* @group Lists */

ol.step {
	

/*margin: 0;*/
	padding: 0;
	list-style: none;
}

ol.step li {
	display: block;
	clear: both;
	margin-bottom: 30px;
}

.stepnum {
	width: 37px;
	height: 30px;
	display: inline-block;
	float: left;
	background: url(../Images/main-ui/li-step.png) no-repeat left top;
	text-align: center;
	font-size: 21px;
	color: #55a1c8;
	padding-top: 7px;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
	margin: 0 15px 0 0;
}

.step li strong {
	display: block;
	font-size: 18px;
}

/* @end */

/* @group Tabs - Advanced Options */

.box-tabs h3,
h3.blue {
	font-size: 14px;
	font-weight: bold;
	color: #666;
	margin-bottom: 10px;
}

.box-tabs.featured h3,
h3.blue {
	color: #1d6b9b;
}
h3.blue {
	font-size: 16px;
}
ul.buttons-tab {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
	float: left;
}

ul.buttons-tab > li, ul.buttons-tab > li.featured {
	width: 290px;
	width: 285px\0/;
	/*IE8 hack*/
	height: 65px;
	overflow: hidden;
	background-color: #fff;
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	padding: 0;
	/*padding: 10px 0 10px 15px;*/
	border: 1px solid #bcd6e8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	outline: 0;
	-webkit-transition: background-color linear .2s;
	-moz-transition: background-color linear .2s;
	-o-transition: background-color linear .2s;
	-ms-transition: background-color linear .2s;
	transition: background-color linear .2s;
}

ul.buttons-tab > li.last {
	margin-right: 0;
}

ul.buttons-tab > li > a {
	cursor: pointer;
	overflow: hidden;
	display: block;
	padding: 10px 0 10px 15px;
}

ul.buttons-tab > li > .share-info > a {
	cursor: pointer;
	font-size: 0.8em;
	text-align: left;
	line-height: 0.8em;
	float: left;
	color: #267dfa;
	padding: 0;
	margin: 0;
}

ul.buttons-tab li:hover {
	background-color: #e6f1f7;
	cursor: pointer;
}

ul.buttons-tab > li.featured, ul.buttons-tab.featured > li {
	background-color: #e6f1f7;
	border-color: #90b8dd;
}

ul.buttons-tab > li.featured:hover, ul.buttons-tab.featured > li:hover {
	background-color: #d6e6f0;
}

.buttons-tab li a h2, .buttons-tab li h2 {
	width: 100%;
	color: #000;
	font-size: 12px;
	text-align: left;
	float: left;
	display: block;
	line-height: 1.4em;
	clear: both;
}

ul.buttons-tab li span.desc {
	font-size: 11px;
	padding: 0px;
	margin: 0;
	line-height: 11px;
	color: #666;
	float: left;
	text-align: left;
	display: block;
}

ul.buttons-tab li h2 span, #cluetip-inner h2 span {
	color: #000;
}

ul.buttons-tab li span a,  {
	color: #0066ff;
	text-decoration: underline;
	font-size: 11px;
	float: left;
}

ul.buttons-tab li .icon-box {
	padding: 0 10px 10px 0;
}

#apps li, #read-only li, #apps li:hover, #read-only li:hover {
	background: #fff;
}

.tab-info {
	width: 80%;
	float: left;
}
.tab-info h2 {
	font-weight: bold;
	margin-bottom: 0;
}

/* ------ Lista Tabs 1 column ------ */
ul.buttons-tab.wide > li {
	width: 94%;
	height: auto;
	margin: 0 0 20px 0;
	padding: 20px;
}
ul.buttons-tab.wide > li > div.tab-info {
	width: 82%;
}
ul.buttons-tab.wide > li:hover, ul.buttons-tab.two-col > li:hover {
	/*background-color: #fff;*/
	cursor: default;
}
ul.buttons-tab.wide > li > div.tab-info > h2, ul.buttons-tab.two-col > li > div.tab-info > h2 {
	font-size: 14px;
}

ul.buttons-tab.wide > li > div.tab-info > span.desc, ul.buttons-tab.two-col > li > div.tab-info > span.desc  {
	font-size: 12px;
	line-height: 1.2em;
	margin-top: 5px;
}
ul.buttons-tab.wide > li > div.tab-info > span > ul {
	display: block;
	padding-top: 10px;
	
}
ul.buttons-tab.wide > li > div.tab-info > span > ul > li, ul.buttons-tab.two-col > li > div.tab-info > span > ul > li {
	display: inline-block;
	padding-right: 10px;
}
ul.buttons-tab.wide > li > div.tab-info > span > ul > li > a, ul.buttons-tab.two-col > li > div.tab-info > span > ul > li > a {
	font-size: 12px;
}
ul.buttons-tab.wide > li > div.tab-info > span > div {
	margin-bottom: 0;
}
ul.buttons-tab.wide > li > div > ul {
	padding-top: 10px;
	clear: both;
	overflow: auto;
	display: block;
}
/* ------ Lista Tabs 2 column ------ */
ul.buttons-tab.two-col > li {
	width: 44%;
	display:inline;
	float: left;
	padding: 15px 10px;
	margin: 0 15px 15px 0;
	height: auto;
}
ul.buttons-tab.two-col > li > div.tab-info {
	width: 65%;
}
ul.buttons-tab.two-col > li > div.tab-info > ul {
	display: block;
	padding-top: 10px;
	clear: both;
}
/* @end */

/* @group 2col Page */

.two-columns {
	width: 100%;
	background: url(../Images/main-ui/bg-leftsidebar.png) repeat-y left top;
	float: left;
	display: block;
	/*padding-bottom: 10px;*/
}

.menu-left {
	width: 233px;
	float: left;
	padding-bottom: 30px;
}
.menu-left > ul > li  {
	display: block;
	overflow: hidden;
	padding-bottom: 1px;
	border-bottom: 1px solid #cde3ec;
	/*background: #f3f8fa url(../Images/main-ui/li-menusidebar.jpg) repeat-x left bottom;*/
}

.menu-left > ul > li + li {
	border-top: 1px solid #fff;
}
.menu-left > ul > li > a {
	display: block;
	min-height: 20px;
	margin: 0;
	padding: 12px 10px 8px 15px;
	/*background: #f3f8fa url(../Images/main-ui/li-menusidebar.jpg) repeat-x left bottom;*/
	color: #4f7297;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
	/*border-top: 1px solid #dae7ef;*/
}

.menu-left > ul > li > a > b.icon16 {
	margin-top: -3px;
	margin-right: 10px;
}
.menu-left > ul > li > a:hover, .menu-left > ul > li > a.active {
	background-color: #fff;
	color: #333;
}
.menu-left > ul > li > a.active:hover {
	/*cursor: pointer;*/

}
.menu-left > ul > li > ul {
	background-color: #fff;
	color: #333;
	padding-bottom: 10px;
}
.menu-left > ul > li > ul > li > a {
	padding: 0px 10px 8px 12px;
	margin-left: 40px;
	display: block;
	background: url(../Images/main-ui/li-submenu.png) no-repeat left top;
	color: #999;
}
.menu-left > ul > li > ul > li > a:hover {
	color: #666;
}
div.banner {
	display: block;
	margin: 30px 20px 20px 20px;
}

.menu-left div.banner h2 {
	font-size: 20px;
	color: #1d6d9e;
	text-shadow: 0 1px 0 #fff;
	font-weight: lighter;
	margin-bottom: 0;
}

.banner p {
	display: block;
	color: #666;
	margin: 5px 0 20px 0;
}

.banner p strong {
	color: #000;
}

.right-content {
	width:720px;
	float: left;
	margin-left: 3px;
}
.left-content {
	width:720px;
	float: left;
	margin: 0;
}

.left-content div.box-gradient {
	width: 100%;
	padding: 0;
}

.right-content .box-gradient, .right-content .inner-page {
	width: 92%;
	padding: 15px 30px;
}
.right-content h5 {
	font-size: 14px;
	color: #999;
	text-transform: uppercase;
	font-weight: lighter;
	margin-bottom: 10px;
}
.right-content p {
	color: #666;
	padding-bottom: 15px;
}
.right-content .displaymsg p {
	width: 87%;
	padding-bottom: 0;
}

.right-content .displaymsg p + p {
	padding-top: 10px;
}

.gray-sidebar {
	float:right;
	width: 235px;
}

/* @group Preview Files */

.top-actions {
	width: 680px;
	display: block;
	float: left;
}
.nav-tools {
	float: right;
	width: 40%;
	z-index: 99999;
}
.file-name {
	width: 60%;
	float: left;
	font-size: 1.4em;
	font-weight: normal;
	color: #000;
}
div#preview-files.two-columns {
	background: url(../Images/main-ui/bg-right-sidebar.png) repeat-y right top;
}
/*Pagination*/
div#preview-files #nav-pages {
	width: auto;
}

div#preview-files input.pager-prev, div#preview-files input.pager-next  {
	width: 8px;
	height: 8px;
	display: block;
	overflow: hidden;
	text-indent: -99999px;
	border: none;
	margin: 0;
	background: url(../Images/main-ui/sprite-icons.png) no-repeat -720px -64px;
}

div#preview-files input.pager-next  {
	background: url(../Images/main-ui/sprite-icons.png) no-repeat -720px -78px;
	margin-right: 5px;
}
div#preview-files td.pagingTableTDLabel {
	padding: 0 5px;
	display: block;
	overflow: hidden;
}
div#preview-files td.pagingTableTDLabel,  x:-moz-any-link  { padding: 3px 5px 0 5px; }
div#preview-files .fieldLables,
div#preview-files a#pager-jump {
	padding: 0;
	margin: 0;
}
/* ------- */
/*Widget Expand-Collapse All */

#expand-all {
	display: inline-block;
/*	float: right;
	margin-bottom: 10px;*/
}

h2.expand-heading {
	width: 100%;
	line-height: 1em;
	font-size: 12px;
	overflow: hidden;
	display: block;
	margin: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e8e8e8;
	background: #F9F9F9 url(../Images/main-ui/accordion-h2.png) no-repeat right top;
}
h2.expand-heading a {
	display: block;
	padding: 10px;
	color: #666;
}
h2.expand-heading.active {
	color: #000;
	background: #fff url(../Images/main-ui/accordion-h2.png) no-repeat right bottom;
	border-bottom: 1px solid #d7d7d7;
}
h2.expand-heading.active a {
	color: #000;
}
.widget-expand-collapse .box {
	padding: 10px;
	border-bottom: 1px solid #e8e8e8;
	overflow: hidden;
}
.widget-expand-collapse .tags {
	width: 100%;
	height: auto;
}

/* ------- */
.container-preview {
	width: 680px;
	min-height: 380px;
	border: 1px solid #999;
	clear: both;
	float: left;
	margin: 10px 0 0 0;
	background-color: #f2f4f4;
}
.container-preview.load-img {
	background: #f2f4f4 url(../Images/main-ui/ajax-loader-gray.gif) no-repeat center center;
}
.container-preview.audio {
	min-height: 280px;
	background: transparent;
}

.container-preview.docs {
	min-height: 650px;
}

.container-preview > img {
	margin: 0 auto;
	display: block;
}
.genpreview {
	text-align: center;
	padding: 70px 0;
	min-height: 150px;
	background-color: #fff;
}

.genpreview.audio {
	margin-bottom: 3px;
	position: relative;
}

.container-preview a.button {
	float: none;
	font-size: 12px;
}
.load-file {
	width: 100px;
	height: 120px;
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}
.load-file.doc {
	background: url(../Images/main-ui/file-viewer/load-file-doc.png) no-repeat center center;
}

.load-file.doc {
	background: url(../Images/main-ui/file-viewer/load-file-doc.png) no-repeat center center;
}

.load-file.doc > span {
	display: block;
	margin: 40px auto 0 auto;
}
.ajax-loader {
	display: block;
	width: 31px;
	height: 31px;
	background: url(../Images/main-ui/ajax-loader-preview-file.gif) no-repeat left top;
}
.ajax-loader.white {
	background-image: url(../Images/main-ui/ajax-loader-preview-white.gif);
}
.load-file.doc.other,
.load-file.video.other {
	margin: 0 20px 0 80px;
	float: left;
}
.load-file.video {
	background: url(../Images/main-ui/file-viewer/load-file-video.png) no-repeat center center;
}

.load-file.video > span {
	top:45px;
	left: 34px;
	position: absolute;
}

.load-file.audio {
	width: 120px;
	height: 130px;
	background: url(../Images/main-ui/file-viewer/load-file-audio.png) no-repeat center center;
}

.load-file.audio.playing {
	width: 120px;
	height: 130px;
	margin: 0 20px 0 140px;
	float: left;
	background: url(../Images/main-ui/file-viewer/load-file-audio.png) no-repeat center center;
}

.load-file.audio > img {
	top:35px;
	left: 55px;
	position: absolute;
}

.genpreview h1 {
	font-size: 2.6em;
	line-height: 1em;
	margin-bottom: 10px;
	font-weight: 300;
	letter-spacing: -1px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #8eb2c9;
}
.genpreview h2 {
	font-size: 1.4em;
	color: #333;
	font-weight: normal;
	margin-bottom: 5px;
}
.genpreview p {
	text-align: center;
	color: #999;
	font-size: 1.25em;
	margin: 0 50px 40px 50px;
}

#preview-files .innerpad {
	display: block;
	width: 680px;
}

ul.error-list {
	display: block;
	margin: 20px 30px 40px 20px;
	padding: 0;
}
ul.error-list > li {
	display: block;
	padding: 15px 20px;
	overflow: hidden;
}
ul.error-list > li > span {
	float: left;
}

ul.error-list > li > span.error-icon {
	float: left;
	margin-right: 0.5%;
	width: 6.5%;
}

ul.error-list > li > span.error-msg {
	width: 93%;
	text-align: left;
	font-size: 13px;
	color: #666;
	line-height: 1.5em;
}

ul.error-list > li > span.error-msg > strong{
	color: #000;
	font-weight: bold;
}
/*Comments Section*/
#preview-files .tabscontainer {
	margin-top: 0;
}
#preview-files .tab_content {
	padding: 10px 0;
}
#preview-files .item-info {
	width: auto;
	padding: 0;
	/*overflow: auto;
	overflow-x: hidden;*/
	/*z-index: 0;  */
	float:none;
	border: none;
	border-bottom: none;
	background: none;
}
#preview-files .item-info-hover {
	background: none;
}
#preview-files .cmt-box,
#preview-files .cmt-data-expanded,
#preview-files .cmt-input,
#preview-files .cmt-input.no-border,
#preview-files .addcomment {
	width: 680px;
	border: none;
}
#preview-files .cmt-inner,
#preview-files .cmt-inner-repl,
#preview-files .cmt-message {
	width: 640px;
}

#preview-files .cmt-inner-reply {
	width: 600px;
}
#preview-files .addcomment input[type=text] {
	width: 600px;
	margin-bottom: 10px;
}

#preview-files .cmt-input input.submit.primary {
	clear: both;
	margin-left: 33px;
}

#preview-files ul#file-details {
	width: 55%;
	float: left;
	padding-top: 15px;
	text-align: left;
	color: #666;
}
#preview-files .addcomment {
	width: 630px;
}

#preview-files .addcomment input[type=text]{
	width: 580px;
}

#preview-files .edit_in_place {
	padding: 10px;
	overflow: hidden;
}
#preview-files .commentsection {
	display: block;
	border: none;
	padding: 0;
}
#preview-files .edit_in_place textarea {
	margin-bottom: 10px;
}
#preview-files .info-area-edit,
#preview-files .info-area-reply {
	width: auto;
	padding: 10px;
}
#preview-files .addcomment input.primary,
#preview-files .edit_in_place input.primary {
	margin-left: 0;
}
/* ------- */
#preview-files .grid-control {
	min-height: 50px;
}
#details-file {
	/*padding: 15px;*/
	overflow: hidden;
}
#details-file h2 {
	font-size:1.7em;
	color: #999;
	font-weight: 300;
	margin-bottom: 20px;
}
#details-file li {
	line-height: 1.4em;
	margin-bottom: 10px;
	color: #333;
}

#details-file .tags {
	/*width: auto;*/
	width:100%;
	height: auto;
	display: block;
}

#details-file a.tag {
	margin-bottom: 3px;
}

#details-file ul.sort-options {
	padding: 5px 0;
	margin: 0;
	width: 100%;
	height: auto;
	display: block;
}
#details-file ul.sort-options li {
	margin: 0;
}

#details-file ul.sort-options li a {
	border: none;
	padding: 0 5px;
}
#details-file ul.sort-options li a.active.desc,
#details-file ul.sort-options li a.active.asc {
	padding-right: 14px;
}
 
#details-file ul.sort-options li + li {
	border-right: 1px solid #ccc;
}
#details-file ul.sort-options li:last-child {
	border-right: none;
}
ul#files-list {
	width: 100%;
	margin: 0;
	padding: 0;
	max-height: 350px;
	overflow:auto;
	clear: both;
	overflow-x:hidden;
	border-bottom: 2px solid #ededed;
}
ul#files-list > li {
	padding: 0;
	margin:0;
	border-bottom: 1px solid #ccc;
	float: left;
	width: 100%;
}

ul#files-list > li+li {
	border-top: 2px solid #f2f4f4;
}
/*ul#files-list > li > a {
	display: block;
	padding: 5px 10px;
	color: #333;
}*/

#files-list li .item_data {
	width: 75%;
	padding: 0;
	float: left;
	width: 70%\0/;
}

#files-list li .type {
	margin: 5px 5px 0 10px;
}

#files-list li .item_data a {
	width: 100%;
	padding: 5px 0;
	color: #000;
}

ul#files-list > li:hover {
	color: #000;
	background-color: #fdfbe6;
}

ul#files-list > li.current,
ul#files-list > li.current:hover,
ul#files-list > li.current a {
	color: #000;
	background-color: #fbe78e;
	cursor: default;
}

ul#files-list > li b {
	display: block;
	font-weight: normal;
	font-size: 11px;
	color: #666;
}
ul#encoding {
	margin: 30px auto;
}

ul#encoding > li {
	color: #000;
	font-size: 12px;
}

#preview-files .tagsection {
	width: 215px;
	margin: 0;
	padding: 10px 10px 20px 10px;
}
#preview-files .info-tags {
	width: 93%;
}
#preview-files .info-tags .addcomment {
	width: 100%;
}
#preview-files .info-tags input[type=text] {
	width: 195px;
	margin-right: 0;
	clear: both;
}
#preview-files .info-tags input.submit.primary {
	clear: both;
	margin-left: 0;
}
/*------ Versions List -------*/

.table.version_history,
.table.inner-data {
	text-align: left;
}
.table.version_history thead,
.table.inner-data thead {
	background: url(../Images/main-ui/bg-header-grid.png) repeat-x left bottom;
}
.table.version_history thead tr th,
.table.version_history tr td,
.table.inner-data thead tr th,
.table.inner-data tr td {
	text-align: left;
	padding:5px;
	border-bottom: 1px solid #e4e4e4;
}
.table.version_history tr td,
.table.inner-data tr td {
	color: #666;
}

.table.inner-data tr {
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
}

.table.inner-data td {
	display: table-cell;
	vertical-align: top;
}
.table.inner-data thead tr th {
	color: #555;
}

/*.table.version_history thead,
.table.inner-data thead {
	display: table-header-group;
	vertical-align: middle;
	border-color: inherit;
}
.table.inner-data {
	width: 100%;
	display: block;
}
.table.inner-data tbody.scrollContent {
display: block;
height: 200px;
overflow: auto;
width: 100%;
}*/
/* @group Image Viewer */
/*------ Edit tools -------*/
.file-edit-tools,
.jp-gui
 {
	width: 100%;
	height: 25px;
	display: block;
	clear: both;
	border: 1px solid #c4c4c4;
	border-top: none;
	overflow: hidden;
	position: relative;
	margin: 0;
	background: #f9f9f9 url(../Images/main-ui/file-viewer/bg-file-edit-tools.png) repeat-x left bottom;
}

div.jp-interface {
	
}
.file-edit-tools > ul {
	height: 100%;
	width: auto;
	padding: 0;
	margin: 0;
	display: inline-block;
	float: left;
}

.file-edit-tools > ul > li {
	height: 100%;
	display: inline-block;
	float: left;
	padding: 0 5px;
	border-right: 1px solid #c4c4c4;
}

ul.tools-group {
	width: auto;
	display: block;
	overflow: hidden;
	padding-top: 2px;
}
ul.tools-group > li {
	display: inline-block;
	float: left;
	font-size: 11px;
	color: #666;
}
.file-edit-tools > ul > li + li {
	border-left: 1px solid #fff;
}
.file-edit-tools > ul > li.last-item {
	border-right: none;
}
.file-edit-tools > ul.first {
	float: left;
	border-left: 1px solid #fff;
	position: relative;
}

.file-edit-tools > ul.last {
	float: right;
	border-left: 1px solid #c4c4c4;
	position: relative;
}

.file-edit-tools > ul.center {
	width: 28.7%;
	position: absolute;
	left: 35.65%;
	/*margin-left: -56px;*/
	/*margin-left: -340px;*/
	margin: 0 auto;
	display: block;
	border-left: 1px solid #c4c4c4;
}
.file-edit-tools > ul > li > a {
	display: block;
	overflow: hidden;
	cursor: pointer;
	font-size: 11px;
	color: #666;
}
.file-edit-tools .icon16 {
	margin: 3px 0 0 0;
}

.file-edit-tools a.small-button {
	margin-top: 3px;
	padding: 2px 4px;
	font-weight: normal;
}

.file-edit-tools a.small-button:hover {
	color: #555;
}

/*--end--*/
/*------ Slider thumbs -------*/

.slider-thumbs {
	width: 100%;
	clear: both;
	margin: 0;
	overflow: hidden;
	border: 1px solid #fff;
	background-color: #f8f8f8;
	border-right: 1px solid #c4c4c4;
	border-left: 1px solid #c4c4c4;
}

.slider-thumbs a.prev, .slider-thumbs a.next {
	width: 16px;
	padding: 20px 5px;
	overflow: hidden;
	display:inline-block;
	background-color: #ebebeb;
	border-right: 1px solid #fff;
}

.slider-thumbs a.prev:hover, .slider-thumbs a.next:hover {
	background-color: #e1e3e3;
}
.slider-thumbs a.next {
	border-right: none;
	border-left: 1px solid #fff;
}
.slider-thumbs > ul {
	float: left;
	width: 624px;
	height: 56px;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}

.slider-thumbs > ul > li {
	float: left;
	display: inline-block;
	margin: 7px;
}

.slider-thumbs > ul > li a {
	overflow: hidden;
	display: block;
	border: 1px solid #c4c4c4;
	float: left;
	width: 40px;
	height: 40px;
}
.slider-thumbs > ul > li a:hover,
.slider-thumbs > ul > li a.current  {
	border: 1px solid #000;
}
/*--end--*/
/* @end */
/* @end */

/* @group Input Sections */

ul.inputs, ul.inputs-3col, ul.inputs-4col {
	width: 100%;
	margin: 15px 15px 0 0;
	float: left;
	display: block;
}
ul.inputs.nmt {
	margin-top: 0;
}
ul.inputs > li {
	display: inline;
	width: 50%;
	float: left;
	margin: 0 0 15px 0;
}

li.permission-only {
    margin-top:-40px;
    height:3em;
}
ul.inputs.inline > li {
	display: inline-block;
	width: auto !important;
	float: left;
	margin:0 10px 0 0;
}
ul.inputs > li > ul.inner-option {
	display: block;
	clear: both;
	padding: 10px 0 0 25px;
	float:left;
}
ul.inputs-3col > li, ul.inputs-4col > li {
	display: inline;
	width: 30%;
	float: left;
	margin-right: 15px;

}
ul.inputs-4col > li {
	width: 23%;
	margin-right: 10px;
}
ul.inputs-3col > li.last {
	width: 40%;
	margin-right: 0;
}
ul.inputs-3col > li.last {
	width: 25%;
	margin-right: 0;
}
ul.inputs > li > small.legend {
	font-size: 0.9em;
	color: #999;
	padding: 5px 0;
	margin: 15px 0 10px 0;
	display: inline-block;
}
ul.inputs > li > span.inner-label > small {
	margin: 0 0 0 25px;
	display: block;
	padding: 0;
}
ul.inputs > li > div > small  {
	margin: 0;
}
ul.inputs > li > small, ul.inputs > li.wide > small {
	margin-left: 25px;
	padding: 0;
	clear: both;
	display: block;
	color: #999;
}
ul.inputs li input[type=text],
ul.inputs-3col li input[type=text],
ul.inputs-4col li input[type=text],
ul.inputs li input[type=password],
ul.inputs-3col li input[type=password],
ul.inputs-4col li input[type=password] {
	width: 100%;
	width: 97%\0/;
}
ul.inputs li span.label, ul.inputs-3col li span.label, ul.inputs-4col li span.label {
	margin: 0 0 5px 3px;
	padding: 0;
}

ul.inputs li span.inner-label {
	padding: 0;
	font-size: 1em;
}

ul.inputs.wide,
ul.inputs.wide > li,
ul.inputs li.wide,
ul.inputs-3col li.wide,
ul.inputs-4col li.wide,
.page ul.inputs.wide > li {
	width: 100%;
	margin-right: 0;
}
ul.inputs.wide > li.nm {
	margin: 0;
}
ul.inputs.wide > li > ul > li {
	width: auto;
	float: left;
}
ul.inputs.profile-options {
	width: 77%;
	margin-left: 15px;
	margin-top: 25px;
}
.right-content ul.inputs.profile-options > li {
	width: 100%;
	margin-bottom: 10px;
}
ul.inputs.profile-options p {
	color: #999;
	padding-bottom:0;
}
ul.inputs.profile-options p strong {
	color: #333;
	font-weight: normal;
}
ul.inputs li a.help {
	margin-top: 0;
}
ul.inputs.text {
	color: #666;
	display: block;
	float: left;
}
ul.inputs.text > li {
	margin-bottom: 8px;
}
ul.inputs.text > li.sub-fld {
	padding-left: 20px;
	background: url(../Images/main-ui/treeview/treeview-default-line.gif) no-repeat left top;
}

ul.inputs.text > li.sub-fld > a.help {
	float: none;
	margin: 0;
	display: inline-block;
}

ul.inputs > li > ul.two-cols-medium-small > li {
	display: inline-block;
	float: left;
	margin-right: 10px;
}
ul.inputs > li > ul.two-cols-medium-small > li + li {
	margin: 0;
}
ul.two-cols-medium-small .inner-label {
	clear: both;
	display: block;
	float: none;
}

.trans-box  ul.inputs li ul.two-cols-medium-small li input.small {
	width: 80px;
	width: 64px\0/;
}

.profile-picture {
	width: 90px;
	float: left;
	margin-top: 20px;
}

.image-profile {
	width: 82px;
	height: 82px;
	padding: 5px ;
	background-color: #f1f7fa;	
}
.image-profile img {
	background: #fff;
	border: 1px solid #cbe0ee;
}
.profile-picture a {
	display: block;
	margin-top: 5px;
	text-decoration: underline;
}
dl.info-details a.small-button {
	display: inline;
	float: left;
	font-weight: normal;
}

ul.inputs-3col li.wide .bg-gray {
	margin: 0;
	color: #666;
}

ul.inputs li span.inner-label strong {
	color: #333;
	font-weight: bold;
}

ul.inputs li input.email-inbound-add {
	width: 470px;
	float: left;
	margin-right:5px;
	font-size: 11px;
}

ul.inputs.inner {
	margin: 0;
}

ul.inputs.inner li {
	margin: 5px 0;
}

ul.inputs.inner li .displaymsg {
	margin: 0;
}

ul.inputs.inner.tabsp {
	margin-left: 25px;
	border-left: 1px dotted #ccc;
	padding-left: 10px;
	margin-top: 10px;
}
ul.inputs.inner.tabsp li {
	margin: 0 0 5px 0;
}

ul.inputs.inner.tabsp li div.bg-gray {
	margin: 0;
}

.box-info {
	float: left;
	margin-left: 20px;
	color: #999;
	font-size: 12px;
	padding-top: 5px;
	display: none;
}
.box-info.active {
	display: block;
}
ul.inputs li.wide textarea {
	width: 100%;
	height: 100px;
	width: 97%\0/;
}

ul.inputs.mt li.wide .bg-gray {
	margin: 18px 0 0 0;
	padding: 10px;
	background-color: #fcfeff;
}
ul.inputs.mt li.wide .bg-gray p {
	padding-bottom: 0;
}
ul.inputs.mt li.nmr {
	margin-right: 0;
}
ul.inputs li .small-button {
	display: inline-block;
}
/*Read Only*/

.right-content.read-only span.label {
	display: inline;
}

.right-content.read-only .field-info {
	display: inline;
	color: #999;
}

.right-content.read-only ul.inputs li {
	width: 100%;
}
ul.buttons {
	float:none;
	padding: 0;
	position: relative;
}
ul.buttons > li {
	float: left;
	padding: 0 3px 3px 0;
}

li.addthis-btn {
	width: 90px;
	padding-top: 5px;
}
.right-content ul.inputs > li,
.page ul.inputs > li,
.generic-page ul.inputs > li {
	width: 48%;
	margin-right: 10px;
}

.right-content ul.inputs > li.wide {
	width: 97.7%;
}
/* @end */

/* @group Account Pages */

ul.info-boxes {
	width: 100%;
	float: left;
	margin: 15px 0;
}

ul.info-boxes li {
	display: inline;
	float: left;
	min-width: 100px;
	padding: 10px 20px 10px 10px;
	border: 1px solid #bcd6e8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin-right: 10px;
	background-color: #fff;
}

ul.info-boxes li small {
	display: block;
	margin-bottom: 0;
	color: #999;
	font-size: 12px;
}

ul.info-boxes li strong {
	font-family: "Arial Black", Arial, Geneva, sans-serif;;
	font-size: 21px;
	color: #333;
}
ul.info-boxes.minor li strong {
	font-size: 19px;
}
ul.info-boxes li strong em {
	font-style: normal;
	color: #999;
}

ul.info-boxes li i {
	color: #666;
	font-size: 14px;
	font-weight: lighter;
	font-style: normal;
}

ul.info-boxes li.no-border {
	border: none;
	padding: 20px 10px;
}

ul.info-boxes li.wide {
	width: 95%;
	padding: 0;
	border: none;
}

ul.info-boxes li.wide #drag-and-drop_progressBar.uuProgressBar {
	width: 100%;
}

ul.info-boxes li.wide  #drag-and-drop_progressBarBody.uuProgressBarBody {
	background-color: #1f6d9d;
}

ul.info-boxes li.wide  #drag-and-drop_statusLabel strong {
	font-size: 12px;
	font-family: Helvetica, Arial, Geneva, sans-serif;
}

ul.info-boxes li.wide #drag-and-drop_statusLabel.uuStatusLabel, .refresh-info {
	display: block;
	margin-top: 5px;
	color: #666;
	float: left;
}

.refresh-info {
	float: right;
}

dl.info-details {
	width: 610px;
}

dl.info-details dt, dl.info-details dd {
	width: 48%;
	display: block;
	float: left;
	margin: 5px;
}
dl.info-details dt {
	color: #999;
	text-align: right;
}
dl.info-details dd {
	color: #333;
	text-align: left;
}
dl.info-details dd ul li {
	margin-bottom: 5px;
	float: left;
}
.users-wg {
	padding-top: 10px;
}
.white-box.dotted table.users-wg tbody tr {
	width: 100%;
}
.white-box.dotted table.users-wg tbody tr td {
	padding: 0 3px;
	display: marker;
	color: #666;
	font-size: 11px;
}

ul.table-btn-actions li {
	/*padding: 0 5px;*/
	width: auto;
	display: inline-block;
	float: left;
}
ul.table-btn-actions li.equal {
	width: 100px;
	padding-right: 15px;
}
ul.table-btn-actions li.equal a.small-button {
	width: 85%;
}
ul.table-btn-actions li a.small-button {
	font-weight: normal;
}
/* @end */


/* @end */
/* @group Collapse/Expand all */
.expand_all
{
width:116px;
height:29px;
background:url(extra_buttons.png) no-repeat top left;
float:right;
cursor: pointer; 
}
/* @end */

/* @end */

/* @group Forms */

button {
	cursor: pointer;
}

.label, span.label {
	font-size: 1em;
	margin-right: 5px;
	font-size: 12px;
	padding: 5px 0;
	display: inline-block;
}

*+html .header-search-box input {
	width: 157px;
	height: 22px;
}

input.submit, input.submit.primary, input.cancel {
	float: left;	
	height: 25px;
	margin-left: 8px;
	padding: 3px 15px;
	text-decoration: none;
	color: #424242;
	font-size: 0.95em;
	overflow: hidden;
	cursor: pointer;
	font-weight: bold;
	border: 1px solid #bcbebe;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: relative;
	text-shadow: 0 1px rgba(255,255,255,0.5);
	-webkit-box-shadow: #fff 0 0 1px -1px inset;
	-moz-box-shadow:  #fff 0 0 1px -1px0 inset; /* color, h-offset, v-offset, blur, spread */
	box-shadow:  #fff 0 0 1px -1px inset; /* inset is optional */
	background: url(../Images/main-ui/btnDefaultAction.png) repeat-x left 0;
}

input.submit:hover, input.cancel:hover {
	color: #000;
}

input.submit.primary {
	border-color: #0c4e76;
	color: #fff;
	text-shadow: 0 1px rgba(0,0,0,0.5);
	background: #136189 url(../Images/main-ui/btnPrimaryAction.png) repeat-x left 0;
}

input[type=text], input[type=password], input[type=textarea], #box-adv-search input[type=text], .jbox input[type=text], textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	padding: 0 0 0 5px;
	color: #000;
	background: #fff;
	border: 1px solid #9bb1d6;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	khtml-border-radius: 5px;
	-webkit-box-sizing: border-box; /* content-box */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	outline: 0;
	position: relative;
	display: block;
	height: 26px;
	/*IE8 hack*/
	height: 18px\0/;
	padding: 3px\0/;
}

input[disabled], select[disabled] {
	/*to make works the disabled class, this code can't be added*/
	/*color: #666 !important;
	opacity: 1 !important;*/ 
	cursor: default;
}

input.medium {
	width: 200px !important;
}

input.large {
	width: 400px;
}
input.big {
	width: 100%;
	height: 36px !important;
	/*IE8 hack*/
	padding-top:10px\0/;
	height: 25px\0/;
	font-size: 13px;
}
/*input.small {
	width: 90px !important;
}*/
.jbox input.edit-input {
	background-image: none;
	background-color: #fff;
	border: 1px solid #ccc;
	cursor: text;
}

select {
	font-size: 11px;
	width: 150px;
	float: left;
	padding: 0;
	height: 22px;
	line-height: 22px;
	border-top: solid 1px #87aacc;
	border-left: solid 1px #87aacc;
	border-bottom: solid 1px #87aacc;
	border-right: solid 1px #87aacc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #333 !important;
	font-weight: normal;
	background: #fff url(../Images/main-ui/bg-input.png) repeat-x 0px 0px;
}
.selector {
	margin-top: -2px;
}

.height34 {
    height:34px;
}

#box-adv-search input.submit, #box-adv-search input.cancel {
	float: right;
	margin-top: 10px;
}
.header-search-box .btn-src {
	width: 24px;
	height: 25px;
	cursor: pointer;
	text-indent: -9999px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-align: center;
	/*background: url(../Images/main-ui/icons/search-input.png) no-repeat scroll -177px 0;*/
	float: left;
	position: relative;
	border: none;
	border: 1px solid #081e32;
	border-left-color: #8bc4f6;
	border-right-color: #40587a;
	background: url(../Images/main-ui/header-theme/search-input.png) no-repeat left top;
}
.header-search-box .btn-src:hover {
	background: url(../Images/main-ui/header-theme/search-input.png) no-repeat right top;
}
.header-search-box .btn-src .icon16 {
	margin: 0 0 0 2px;
}

.header-search-box.simple input.btn-src {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

#box-adv-search fieldset {
	width: 100%;
	float: left;
	margin: 8px 0;
	text-align: left;
}

#box-adv-search fieldset.src-folder-checkbox {
	width: 88%;
	margin-top: 6px;
	margin-bottom: 10px;
}

#box-adv-search span.label {
	width: 26%;
	text-align: right;
	color: #424242;
	font-size: 11px;
	float: left;
}

#box-adv-search label {
	font-size: 10px;
}

#box-adv-search p.info-link a {
	float: right;
	margin: 5px 51px 0 0;
	font-size: 10px;
}

.indexsearch span.label {
	padding: 0;
}

#box-adv-search span.checkfolder {
	float: right;
	text-align: right;
	width: 140px;
	margin: 0;
	font-size: 0.8em;
	color: #4579a7;
}
#box-adv-search span.checkbox input {
	width: 20px;
}

#box-adv-search input[type=text] {
	width: 165px;
	font-size: 11px;
	color: #333;
	padding: 3px 0 3px 5px;
	height: 22px;
	float: left;
	font-weight: normal;
	/*IE8 hack*/
	width: 148px\0/;
	height: 14px\0/;
}

#box-adv-search ul.inline .label {
	width: auto;
}

#box-adv-search ul.inline input.submit {
	margin-top: 25px;
}


/* for IE7*/
*+html #box-adv-search input[type=text] {
/*	width: 154px;*/
	height: 15px;
}

#box-adv-search input.src-folder {
	width: 185px;
	/*IE8 hack*/
	width: 170px\0/;
	margin-right: 5px\0/;
}

#box-adv-search input.small {
	width: 60px;
	font-size: 10px;
	margin-right: 5px;
	margin-left: 5px;
	/*IE8 hack*/
	width: 50px\0/;
}

#box-adv-search input.small.date {
	font-size: 0.8em;
	width: 75px;
	border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	-khtml-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	/*IE8 hack*/
	margin-right: 10px\0/;
	width: 65px\0/;
}
#box-adv-search .indexsearch input {
	/*width: 20px;*/
	padding: 2px 5px;
	float: right;
	margin: 0;
	position: absolute;
	bottom: 0;
	right: 0;
}

#box-adv-search fieldset span.text {
	font-size: 0.8em;
	color: #4579a7;
	padding: 5px 2px;
	display: block;
	float: left;
}

#box-adv-search fieldset span.text.picker {
	padding: 0;
}

span.text.picker a img {
	margin-left: -6px;
	margin-left: -11px\0/;
}

/*#box-adv-search select {
	width: 165px;
	float: left;
}*/

/*Medium Select*/

#box-adv-search .selector {
	width: 165px;
}

#box-adv-search .selector select {
	min-width: 180px;
}

#box-adv-search .selector span {
	width: 133px;
	color: #333;
}

#box-adv-search .checker input {
	width: 19px;
	height: 19px;
}
.addcomment textarea {
	display: block;
	width: 550px;
	height: 80px;
	overflow: auto;
	float: left;
}
.addcomment input[type=text] {
	width: 550px !important;
	margin-right: 0 !important;
	margin-bottom: 5px !important;
/*	float: none !important;*/
}

.addcomment .btns-addcomment {
	display: block;
	clear: both;
	padding: 5px 0 0 25px;
}

a.as-comment, a.as-folder, a.as-tags {
	width: 23px;
	height: 23px;
	display: block;
	float: right;
	background: url(../Images/main-ui/sprite-icons.png) no-repeat scroll -512px 0;
	position: relative;
	left: -48px;
	margin-right: 0;
	text-indent: -9999px;
	/*IE8hack*/
	margin-right: 3px\0/;
	left: -50px\0/;
}

a.as-tags {
	background-position: -288px -64px;
}

a.as-folder {
	margin-right: 4px;
	left: -47px;
	background-position: -558px 0;
	/*IE8hack*/
	margin-right: 0\0/;
}

a.as-date {
	background: url(../Images/main-ui/sprite-icons.png) no-repeat scroll -604px 0;
}

.indexsearch {
	border: 1px solid #90b8dd;
	background: #fff;
	float: left;
	width:100%;
	text-align: left;
	padding: 0;
	/*margin: 0 5px 10px 5px;*/
	margin:0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.indexsearch .checker {
	float: left;
}

.help-indexserach {
	float: right;
	display: inline-block;
	text-align: right;
}

#box-adv-search .indexsearch span.label {
	width: 100%;
	float: left;
	display: inline-block;
	text-align: left;
}

p.index-info {
	float: left;
	display: block;
	padding-bottom: 5px;
	font-size: 1.1em;
	color: #000;
	background: url(../Images/main-ui/icons/icon-indexinfo.png) no-repeat 0 3px;
	padding-left: 15px;
}

.hrsep-is {
	width: 100%;
	height: 1px;
	float: left;
	display: block;
	background: #ccc url(../Images/main-ui/bg-hr-indexsearch.png) repeat-x left top;
	border: none;
	margin: 5px 0;
	position: relative;
	clear: both;
}

p.index-info span {
	display: block;
	color: #ff9900;
	font-size: 0.95em;
}

p.last-index {
	/*width: 235px;*/
	width:100%;
	background: url(../Images/main-ui/icons/icon-lastindex.png) no-repeat left top;
	float: left;
	display: block;
	padding-left: 25px;
	margin: 5px 0;
	font-size: 0.95em;
	-webkit-box-sizing: border-box; /* content-box */
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

span.index-date {
	display: block;
	float: left;
	color: #a9a9a9;
	clear: both;
}

.indexsearch a:hover {
	color: #26457a;
}

.help-indexserach a {
	float: right;
	text-align: right;
	font-size: 0.8em;
}

.indexsearch .tipmsg {
	width: 90%;
	font-size: 0.95em;
	border: none;
}

span.required, span.label > span.required {
	font-weight: bold;
	font-size: 1.2em;
    color: #f7973a;
	float: left;
	margin-right: 3px;
}

span.required.legeng {
	font-size: 1em;
	font-weight: normal;
}

ul.multi-inputs {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: auto;
	clear: both;
}

ul.multi-inputs li {
	display: inline;
	float: left;
}

ul.multi-inputs li input[type=text], ul.multi-inputs li input[type=password], ul.multi-inputs li input[type=textarea] {
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-khtml-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
}

ul.multi-inputs li input.large {
	width: 530px;
	height: 30px;
	/*IE8 hack*/
	width: 520px\0/;
}

.input-inbtn {
	width: 30px;
	height: 30px;
	float: left;
	margin-top: 5px;
	padding: 0;
	border: 1px solid #8595cc;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-khtml-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	background: #bfd5e7;
	border-left-color: #e4f4fe;
	-webkit-box-shadow: #fff 0 0 1px 0 inset;
	-moz-box-shadow: #fff 0 0 1px 0 inset;
	box-shadow: #fff 0 0 1px 0 inset;
}
.input-inbtn.advsearch {
	/*padding: 5px 0 0 2px;*/
	height: 28px;
	/*width: 25px;*/
	background: #abc3d9 none;
}
.input-inbtn.advsearch .icon16 {
	margin-top: 5px;
}
.input-inbtn.nrc {
	border-radius: 0;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
}
.input-inbtn .icon16 {
	margin: 0 auto;
}

ul.multi-inputs.mstpage .input-inbtn {
	margin-top: 0;
}

/*Big Select*/

.bigselect .selector {
	width: 245px;
}

.bigselect .selector select {
	width: 260px;
}

.bigselect .selector span {
	width: 218px;
}

/*Medium Select*/

.mediumselect .selector {
	width: 210px;
}

.mediumselect .selector select {
	width: 220px;
}

.mediumselect .selector span {
	width: 178px;
}
/*Small Select*/

.smallselect .selector {
	width: 80px;
}

.smallselect .selector select {
	width: 80px;
}

.smallselect .selector span {
	width: 48px;
}
/*Time Select*/

.timeselect .selector {
	width: 365px;
}

.timeselect .selector select {
	width: 380px;
}

.timeselect .selector span {
	width: 338px;
}
/*Folder Select*/

.folderselect .selector {
	width: 375px;
}

.folderselect .selector select {
	width: 390px;
}

.folderselect .selector span {
	width: 348px;
}
/*Validation*/

input.invalid {
	border-color: #ff656a;
	color: #fe1b18;
}
/*--------*/
/*Date Between Inputs*/

#search-options ul.inline li input[type=text] {
	width: 120px;
	font-size: 11px;
	/*IE hack*/
	width: 110px\0/;
}
#search-options ul.inline li span.inner-label,
#search-options ul.inline li span.label {
	font-size: 11px !important;
}
#date-inputs {
	width: auto !important;
	overflow: hidden;
}
#date-inputs li {
	margin: 0;
}

#date-inputs li > input {
	width: 80px !important;
}
#date-inputs li input.small {
	margin: 0;
	float: left;
}
#date-inputs li button.input-inbtn {
	height: 26px;
	width: 26px;
	margin: 0 0 0 -3px;
	padding: 0;
}

/*--------*/
/* @group e-forms */

.company-header {
	/*padding: 10px 30px;*/
	margin-top: 10px;
	float: left;
	width: 100%;
}

.logo {
	float: left;
	width: 44%;
/*	margin: 10px 30px;*/
}
.logo img,.newlogo {
	max-height:60px;
	max-width:300px;
}

.info-company {
	float: right;
	width: 40%;
	text-align: right;
	color: #666;
	padding: 10 30px;
}

.info-company p {
	text-align: right;
}

.info-company strong {
	color: #000;
	font-size: 1em;
}

.view-form {
	width: 100%;
	float: left;
	background: url(../Images/main-ui/bg-main-content.png) repeat-x scroll left top;
}
.view-form .inner {
	padding: 30px 50px;	
}
.view-form hr {
	background: none;
	display: block;
	width: 100%;
	height: 2px;
	border: 0;
	border-bottom: 1px dotted #ccc;
	margin: 15px 0;
	clear: both;
	float: left;
}

span.title-form {
	font-size: 2em;
	font-weight: normal;
	display: block;
	clear: both;
	color: #000;
	margin-bottom: 5px;
}

span.title-form strong {
	color: #555;
}

span.desc-form {
	color: #333;
	font-size: 1em;
	line-height: 1.5em;
	padding-bottom: 10px;
	float: left;
}

span.dataListFields {
	width: 100%;
	font-size: 1.3em;
	color: #666;
	margin-bottom: 15px;
	clear: both;
	display: block;
	float: left;
	font-weight: normal;
	background-color: #f3f3f3;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	outline: 0;
	text-shadow: 0 1px 0 #fff;
}
.view-form fieldset {
	clear: both;
}
.view-form fieldset ul {
	width: 100%;
	margin-bottom: 20px;
	float: left;
}

fieldset ul li {
	width: 100%;
	clear: both;
	display: block;
}

.view-form span.label {
	display: block;
	clear: both;
	margin-bottom: 5px;
	padding-left: 5px;
	margin-top: 20px;
	font-weight: bold;
}

span.legend {
	font-size: 1em;
	padding-left: 5px;
	color: #999;
	margin-top: -5px;
	margin-bottom: 10px;
	clear: both;
	float: left;
}

.inner-label, .view-form .inner-label {
	color: #666;
	padding: 0 10px 0 0;
	margin: 0;
	display: inline;
	float: left;
	clear: none;
	font-weight: normal;
}

.inner-label.first, .inner-label.first {
	color: #000;
}

.inner-label i, ul.pages .current {
	font-size: 0.9em;
	padding: 3px;
	margin-left: 5px;
	background-color: #cff5f9;
	color: #59728a;
	font-style: normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: 0;
	text-shadow: 0 1px 0 #fff;
}

ul.pages .current {
	padding: 5px;
	margin-right: 5px;
	text-align: center;
	font-weight: bold;
	color: #000;
	background-color: #ebebeb;
}

ul.pages li {
	float: left;
	padding:5px;
}

ul.pages {
	float: left;
	font-size: 1.2em;
	color: #666;
	list-style: none;
}

.view-form input {
	width: 250px;
	height: 25px;
	float: left;
	margin-bottom: 15px;
	margin-right: 5px;
}

.view-form input.small {
	width: 20%;
}

.view-form input.medium {
	width: 45%;
}

.view-form input.large {
	width: 98%;
}

.view-form .radio input {
	margin: 0;
}

.inner-label .radio span {
	margin-top: -1px;
}

.group-inputs {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	clear: both;
}

.group-inputs.highlight {
	background-color: #bdd8e6;
	padding: 10px;
	width: 96%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	khtml-border-radius: 5px;
	clear: both;
}

/*.group-inputs input {
	margin-bottom: 5px;
}*/

.group-inputs input[type=radio], .group-inputs input[type=checkbox] {
	margin: 0;
	padding: 0;
}

.buttons {
	float: right;
}

.buttons.pages {
	float: left;
}

.view-form input.submit, .view-form input.cancel {
	width: 100px;
	float: left;
}

.view-form .displaymsg.info {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	khtml-border-radius: 5px;
	padding: 7px 0;
	margin-top: 15px;
	margin-bottom: 0;
}

.view-form .displaymsg.info p span {
	color: #3399cc;
	font-weight: bold;
}

.box-files {
	width: 100%;
	padding: 15px 0;
	border: 1px solid #dadada;
	background-color: #f9f9f9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	khtml-border-radius: 5px;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
}

.view-form .box-files p {
	margin: 0 15px 5px 15px;
	color: #666;
}

.box-files ul.added-files {
	width: 94%;
	margin-left: 15px;
	margin-bottom: 10px;
	background-color: #fff;
	border: 1px solid #dadada;
	float: left;
	padding: 5px 10px;
}

ul.added-files li {
	margin: 5px 0;
	padding: 0;
	font-size: 1em;
	color: #333;
	width: 19.5%;
	background-color: #fff;
	float: left;
	clear: none;
}

ul.added-files li img {
	padding: 3px;
	position: relative;
	float: left;
	background-color: #fff;
}

ul.added-files span.file-name {
	float: left;
	padding: 5px;
}

.box-files a.button {
	margin: 5px 15px;
}

.box-files a.button img {
	margin-left: 0;
	margin-right: 5px;
}

a.remove, a.download {
	clear: both;
	font-size: 0.85em;
}

.view-form  textarea {
	height: auto;
}

a.choose-folder {
	width: 29px;
	height: 28px;
	text-indent: -99999px;
	display: block;
	background: url(../Images/main-ui/sprite-icons.png) no-repeat scroll -928px 0;
	float: left;
}

a.choose-folder:hover {
	background: url(../Images/main-ui/sprite-icons.png) no-repeat scroll -960px 0;
}
.group-inputs input.small, .form-builder.step2 .group-inputs input.small, .field .group-inputs input {
	float: right;
	margin-right: 0;
	margin-left: 10px;
	margin-bottom: 0;
}
.dataListFields b {
	float: left;
	font-weight: normal;
}
ul.added-files li.wide {
    width: 100%;
    display: block;
}
/*Report Page*/
span.question {
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}
.ss-text-answer-container {
	padding: 5px;
	margin: 0 8px 8px 0;
	display: inline-block;
	float: left;
	background-color: #fff;
	border: 1px solid #8fdffa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.ss-grayed {
	overflow: hidden;
}

td.content-data {
	border: 1px solid #e8e8e8;
	background-color: #fff;
	padding: 5px;
	font-size: 12x;
	color: #999;
	 vertical-align:top;
}

td.content-data table {
	color: #999;
}
td.content-data .header-info {
	background-color: #999;
	color: #fff;
}

td.content-data.rc table tbody tr td {
	padding: 5px;
}
td.ss-table-number {
	font-weight: bold;
}

/* @end */

/* @end */

/* @group Footer */

.footer {
	width: 940px;
	float: left;
	position: relative;
	padding: 20px 10px 30px 10px;
	font-size: 0.9em;
	background: transparent url(../Images/main-ui/bg-footer.png) no-repeat scroll left top;
	/*z-index:-1;*/
	/*Added to resolve overlap dropdown div in IE 7*/
}

#container .footer {
	
}

.footer a {
	color: #424242;
}

.footer a:hover {
	color: #000;
}

.footer .copy {
	width: 60%;
	float: left;
	color: #797979;
}

.footer ul {
	width: 40%;
	float: right;
	text-align: right;
}

.footer ul li {
	float: right;
	list-style: none;
	margin-left: 10px;
}

/* @end */

/* @group Sprites */
.icon32 {
	width: 32px;
	height: 32px;
	display: block;
	background: transparent url(../Images/main-ui/sprite-icons32.png) no-repeat scroll 0 0;
}

.icon16 {
	width: 16px;
	height: 16px;
	display: block;
	background: url(../Images/main-ui/sprite-icons16.png) no-repeat scroll 0 0;
}

.icon12 {
	width: 12px;
	height: 12px;
	display: block;
	background: url(../Images/main-ui/sprite-icons12.png) no-repeat scroll 0 0;
}

b.icon32, b.icon16 {
	display: inline-block;
	float: left;
	margin-right: 5px;
}

/* @group Set Icons 32px */

.icon32_search_msg {
	background-position: 0 0;
}

.search-form {
	background-position: 0px 0px
}

.link-form {
	background-position: -40px 0px
}

.mail-form {
	background-position: -80px 0px
}

.embed-form {
	background-position: -120px 0px
}

.header-form {
	background-position: -160px 0px
}

.lock-form {
	background-position: -200px 0px
}

.folder-form {
	background-position: -240px 0px
}

.adv-form {
	background-position: -280px 0px
}

.file-views {
	background-position: 0px -40px;
}

.my-views {
	background-position: -32px -40px;
}

.shared-views {
	background-position: -64px -40px;
}

.tags2 {
	background-position: -96px -40px;
}

.file-types {
	background-position: -128px -40px;
}

.date {
	background-position: -160px -40px;
}

.size {
	background-position: -192px -40px;
}

.filetype-extension {
	background-position: -224px -40px;
}

.author {
	background-position: -256px -40px;
}

.user-defined {
	background-position: -288px -40px;
}

.customize {
	background-position: -320px -40px;
}

.fax {
	background-position: -420px -40px;
}

.flash-down {
	background-position: -320px 0;
}

.zip {
	background-position: 0 -80px;
}

.downlad {
	background-position: -40px -80px;
}

.email-ok {
	background-position: -80px -80px;
}
.csc {
	width: 36px;
	background-position: -120px -80px;
}
.form-ok {
	background-position: -200px -80px;
}
.error {
	background-position: -240px -80px;
}
.theme {
	background-position: -280px -80px;
}

.theme-edit {
	background-position: -320px -80px;
}
.action-ok {
	background-position: 0 -115px;
}
.link-lock {
	background-position: -40px -115px;
}

.link-unlock {
	background-position: -80px -115px;
}
.fax-ok {
	background-position: -120px -115px;
}

.pdf-ok {
	background-position: -160px -115px;
}

.index-ok {
	background-position: -200px -115px;
}

.dropbox-up {
	background-position: -240px -115px;
}

.dropbox-error {
	background-position: -280px -115px;
	height: 35px;
}
.dropbox-ok {
	background-position: -320px -115px;
	height: 35px;
}

.dropbox-lock {
	background-position: 0 -150px;
	height: 35px;
}

.time-out {
	background-position: -40px -150px;
}
.change-pwd {
	background-position: -80px -150px;
}
.pwd-ok {
	background-position: -120px -150px;
}
/* @end */

/* @group Set Icons 16px */

.lock {
	background-position: 0 0;
}

.linkgo {
	background-position: -20px 0;
}

.gear {
	background-position: -40px 0;
}

.contacts {
	background-position: -60px 0;
}

.copyto {
	background-position: -80px 0;
}

.mailgo {
	background-position: -100px 0;
}

.trylink {
	background-position: -120px 0;
}

.new-folder {
	background-position: -140px 0;
}

.choose-folder {
	background-position: -160px 0;
}

.new-vf {
	background-position: -180px 0;
}

.addlink-vf {
	background-position: -200px 0;
}

.check-file {
	background-position: -220px 0;
}

.add-files {
	background-position: -240px 0;	
}

.upload {
	background-position: -260px 0;
}

.clear-icon {
	background-position: -280px 0;
}

.user {
	background-position: -300px 0;
}

.password {
	background-position: -320px 0;
}

.plan {
	background-position: -340px 0;
}

.workgroup {
	background-position: -360px 0;
}

.user-view {
	background-position: -380px 0;
}

.dropbox {
	background-position: -400px 0;
}

.app {
	background-position: -420px 0;
}

.mobile {
	background-position: -440px 0;
}
.add-users {
	background-position: 0 -20px;
}

.add-user {
	background-position: -20px -20px;	
}

.delete-link {
	background-position: -40px -20px;
}

.delete-file {
	background-position: -60px -20px;
}

.mini-zip {
	background-position: -80px -20px;
}
.checkout {
	background-position: -100px -20px;
}
.twitter {
	background-position: -140px -20px;
}

.keyword {
	background-position: -160px -20px;
}

.report {
	background-position: -180px -20px;
}
.folder {
	background-position: -200px -20px;
}

.folder-shared {
	background-position: -220px -20px;
}

.stop-share {
	background-position: -240px -20px;
}

.add-row {
	background-position: -260px -20px;
}
.delete {
	background-position: -280px -20px;
}

.export {
	background-position: -300px -20px;
}

.send-report {
	background-position: -320px -20px;
}

.undo {
	background-position: -340px -20px;
}
.search {
	background-position: -360px -20px;
}

.file-link {
	background-position: -380px -20px;
}
.attention {
	background-position: -400px -20px;
}
.drive {
	background-position: -420px -20px;
}

.calendar {
	background-position: -440px -20px;
}

.pdf-doc {
	background-position: 0 -40px;
}
.tip {
	background-position: -20px -40px;
}
.loc-file {
	background-position: -40px -40px;	
}
.save-form {
	background-position: -60px -40px;
}
.delete-form {
	background-position: -80px -40px;
}

.expire {
	background-position: -100px -40px;
}

.folder-opened {
	background-position: -120px -40px;
}
.folder-opened-shared {
	background-position: -140px -40px;
}
.disconnect {
	background-position: -160px -40px;
}
.random {
	background-position: -180px -40px;
}
.send-login {
	background-position: -200px -40px;
}
.history {
	background-position: -220px -40px;
}
.account-drop {
	background-position: -240px -40px;
}
.pages-white {
	background-position: -260px -40px;
}
.link {
	background-position: -280px -40px;
}
.widget {
	background-position: -300px -40px;
}
.dropbox-add {
	background-position: -320px -40px;
}
.link-add {
	background-position: -340px -40px;
}

.email-settings {
	background-position: -360px -40px;
}

.back-dashboard {
	background-position: -380px -40px;
}
.print {
	background-position: -400px -40px;
}
.fax-sm {
	background-position: -420px -40px;
}
.back {
	background-position: -440px -40px;
}
.new-fax {
	background-position: 0 -60px;
}

.send-fax {
	background-position: -20px -60px;
}

.refresh {
	background-position: -40px -60px;
}

.adv-search {
	background-position: -60px -60px;
}
.file-down {
	background-position: -80px -60px;
}
.down {
	background-position: -100px -60px;
}
.file-edit {
	background-position: -120px -60px;
}
.video-down {
	background-position: -140px -60px;
}

.audio-down {
	background-position: -160px -60px;
}

.tool-play {
	background-position: -180px -60px;
}

.tool-zoom-in {
	background-position: -200px -60px;
}

.tool-zoom-out {
	background-position: -220px -60px;
}

.tool-turn-right {
	background-position: -240px -60px;
}

.tool-turn-left {
	background-position: -260px -60px;
}

.tool-print {
	background-position: -280px -60px;
}

.tool-fscreen {
	background-position: -300px -60px;
}

.arrow-prev {
	background-position: -320px -60px;
}

.arrow-next {
	background-position: -340px -60px;
}
.unlock {
	background-position: -360px -60px;
}

.slideshow {
	background-position: -380px -60px;
}
.play {
	background-position: -400px -60px;
}
.music {
	background-position: -420px -60px;
}
.video {
	background-position: -440px -60px;
}
.preview {
	background-position: 0 -80px;
}
.move {
	background-position: -20px -80px;
}
.copy {
	background-position: -40px -80px;
}

.tag3 {
	background-position: -60px -80px;
}
.comment {
	background-position: -80px -80px;
}
.delete-trash {
	background-position: -100px -80px;
}
.edit-metadata {
	background-position: -120px -80px;
}
.view-all-docs {
	background-position: -140px -80px;
}

.add-team {
	background-position: -160px -80px;
}

.contact-book {
	background-position: -180px -80px;
}

.manage-contacts {
	background-position: -200px -80px;
}

.picture-link {
	background-position: -220px -80px;	
}
.link-mini {
	background-position: -240px -80px;
}

.embed-mini {
	background-position: -260px -80px;
}

.calendar-mini {
	background-position: -280px -80px;
}

.folder-mini {
	background-position: -300px -80px;
}

.trash-mini {
	background-position: -320px -80px;
}


.view-link-mini {
	background-position: -340px -80px;
}

.doc-mini {
	background-position: -360px -80px;
}

.views-mini {
	background-position: -380px -80px;
}

.link-ok {
	background-position: -400px -80px;
}

.indexing {
	background-position: -420px -80px;
}

.new-tab {
	background-position: -440px -80px;
}
.restore {
	background-position: 0 -100px;
}
.timeline {
	background-position: -20px -100px;
}
.icon16.size {
	background-position: -40px -100px;
}
.queue {
	background-position: -60px -100px;
}

.folder-doc {
	background-position: -80px -100px;
}
.index-refresh {
	background-position: -100px -100px;
}
.tool-pause {
	background-position: -120px -100px;
}
.tool-fit {
	background-position: -140px -100px;
}
.file-mini {
	background-position: -160px -100px;
}
.tags-mini {
	background-position: -180px -100px;
}

.settings-mini {
	background-position: -200px -100px;
}
.tool-arrow-prev {
	background-position: -220px -100px;
}

.tool-arrow-next {
	background-position: -240px -100px;
}
.layers-mini {
	background-position: -260px -100px;
}

.gear-down {
	width: 18px;
	background-position: -280px -100px;
}
.gear-in {
	background-position: -300px -100px;
}

.autocad-file {
	background-position: -320px -100px;
}
.viewer {
	background-position: -340px -100px;
}
.edit-mini {
	background-position: -360px -100px;	
}

.highlight-button {
	background-position: -380px -100px;
}

.wmp {
	background-position: -400px -100px;	
}

.search-dark {
	background: url(../Images/main-ui/header-theme/search-input.png) no-repeat 0 0;
}

.arrow-down-btn {
	background: url(../Images/main-ui/header-theme/btn-arrow-down.png) no-repeat 0 0;
}

/* @end */

/* @group Set Icons 12px */
.up-arrow {
	background-position: 0 0;
}
.down-arrow {
	background-position: -12px 0;
}

/* @end */

/* @group Other Icons */

.add-Form {
	background-position: -544px -64px;
}

.edit-item {
	background-position: -48px -64px;
}

.delete-item {
	background-position: -80px -64px;
}
.hide-up {
	background-position: -627px -64px;
}
.hide-up:hover {
	background-position: -647px -64px;
}
.show-down {
	background-position: -667px -64px;
}
.show-down:hover {
	background-position: -687px -64px;
}

/* @end */
/* @end */

/* @group Vertical Tabs */

.content-tabs {
	background: #d6e6f0;
	width: 100%;
	float: left;
	margin-top: 30px;
	padding: 10px 0 10px 10px;
	color: #fff;
	font-weight: bold;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.conten-tab p {
	color: #666;
}

span.tab-title {
	float: left;
	left: 0;
	display: inline;
	position: absolute;
	color: #0b4377;
	padding-top: 5px;
}

#vtab {
	margin: 0;
	padding: 10px 0;
	width: 100%;
	z-index: 0;
	position: relative;
}

#tab-links li {
	width: 100%;
	height: 52px;
	list-style-type: none;
	display: block;
	text-align: left;
	margin: 6px 0;
	padding: 0;
	border: 1px solid #87aacc;
	position: relative;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color: #fafafa !important;
	background: #fff url(../Images/main-ui/bg-liactive.png) repeat-x left bottom;
	cursor: pointer;
}

#tab-links li img {
	padding: 10px;
}

#tab-links li.home {
	background: url('home.png') no-repeat center center;
}

#tab-links li.login {
	background: url('login.png') no-repeat center center;
}

#tab-links li.support {
	background: url('support.png') no-repeat center center;
}

#tab-links li.selected {
	border: 1px solid #cadee7;
	z-index: 10;
	position: relative;
	background: #fff none !important;
}

#tab-links {
	float: left;
	width: 25%;
	text-align: left;
	display: block;
	margin: 0 10px 0 0;
	padding: 0;
	position: relative;
	top: 20px;
}

#tab-links h2 {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 1em;
	height: 52px;
	line-height: 12px;
	margin: 0;
	padding: 5px 10px 0 10px;
}

#tab-links h2 > span {
	display: block;
	float: left;
	margin-right: 8px;
	margin-top: 4px;
	/*width: 35px;*/
}

#tab-links h2 > div {
	display: table-cell;
	height: 45px;
	vertical-align: middle;
}

#tab-links h2 > div > strong {
	display: block;
}

#tab-links .selected h2 > div > strong {
	color: #156b98;
}

#tab-links h2 > div > strong + small {
	display: block;
	font-size: 90%;
}

.content-tab {
	width: 72.5%;
	float: left;
	background-color: #fff;
	margin: 0;
	border: 1px solid #cadee7;
	min-height: 352px;
	height: auto !important;
	padding: 0;
	position: relative;
	z-index: 10;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	khtml-border-radius: 8px;
	border-radius: 8px;
	color: #000;
}

.content-tab p {
	font-weight: normal;
}

.content-tab h4 {
	color: #000;
	font-size: 1.2em;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
	margin: 15px 0 20px 0;
	text-align: left;
}

.content-tab h5 {
	color: #666;
	font-weight: normal;
	margin: -5px 0 10px 0;
}

.content-tab ul.sections li input[type=text], .content-tab ul.sections li input[type=password] {
	height: 30px;
	padding: 6px;
	/*IE hack*/
	height: 16px\0/;
}

.content-tab ul.multi-inputs li input {
	font-size: 12px;
}

.content-tab ul.multi-inputs li input.large {
	width: 460px;
	height: 30px;
	padding: 6px;
	/*IE hack*/
	height: 16px\0/;
}

.content-tab .input-inbtn {
	margin-top: 0;
}

.content-tab .input-inbtn + .input-inbtn {
	border-left: 0px;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	khtml-border-radius: 0 5px 5px 0;
}

.content-tab .input-inbtn:first-child {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	khtml-border-radius: 0;
}

.content-tab .input-inbtn:last-child {
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	khtml-border-radius: 0 5px 5px 0;
}

.content-tab .sections {
	margin: 0;
	padding: 0;
}

.content-tab .sections li {
	display: block;
}

.content-tab .sections li > + li {
	margin-bottom: 20px
}

.content-tab .sections li > .label, ul.inputs li .label, ul.inputs-3col li .label, ul.inputs-4col li .label {
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	padding-top: 15px;
}

.content-tab .sections li.half {
	width: 49%;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}

.content-tab .sections > li.half + li {
	margin-right: 0;
}

.content-tab .sections li.half input[type=text],
.content-tab .sections li.half input[type=password],
.content-tab .sections li.half input[type=textarea] {
	width: 100%;
	/*IE 8-9 hack*/
	width: 95%\0/;
}

span.arrow {
	width: 10px;
	height: 15px;
	display: block;
	float: left;
	position: absolute;
	left: -7px;
	background: url(../Images/referrals/arrow-pointer.jpg) no-repeat left top;
}

span.arrow.tab1 {
	top: 40px;
}

span.arrow.tab2 {
	top: 105px;
}

span.arrow.tab3 {
	top: 165px;
}

span.arrow.tab4 {
	top: 225px;
}

span.arrow.tab5 {
	top: 285px;
}

span.arrow.tab6 {
	top: 345px;
}

span.arrow.tab7 {
	top: 402px;
}

.content-tab .cont-infovtab {
	padding: 25px 30px 10px 30px;
}

.content-tab .cont-infovtab h1 {
	color: #156b98;
	font-size: 16px;
	font-weight: normal;
}

.content-tab .cont-infovtab h1 i {
	color: #999;
	font-style: normal;
}

.content-tab .cont-infovtab small {
	color: #666666;
	font-size: 12px;
	font-weight: normal;
}

.content-tab .container-tab {
	/*ov

erflow:auto;*/
    padding: 15px 30px;
/*overfl

o-x:hiddden;*/
}

.container-tab.np {
	padding: 0;
}

.content-tab .submit, .content-tab .cancel {
	margin: 0 10px 0 0;
}

.footer-tab {
	padding: 15px 30px;
	overflow: auto;
}

.footer-tab.bottom {
	width: 92%;
	position: absolute;
	bottom: 0;
}

.list-sentlinks {
	height: 313px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
}

.footer-tab .button {
	float: none;
}

.container-tab .sections textarea {
	width: 100%;
}

/* @end */

/* @group Tabs */

.tabscontainer {
	float: left;
	width: 100%;
	margin-top: 20px;
	position: relative;
	overflow: hidden;
}

.tabscontainer.ficha {
	margin-top: 10px;
}

ul.tabs {
	margin: 0;
	padding: 0 0 2px 20px;
	float: left;
	list-style: none;
	height: 31px;
	/*border-bottom: 1px solid #e1e1e1;*/
	background: url(../Images/main-ui/sep-line-hor.png) repeat-x left bottom;
	width: 97%;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border-left: none;
	overflow: hidden;
	position: relative;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-khtml-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	margin-right: 5px;
	background-color: #e9f6fc;
}

ul.tabs li a {
	text-decoration: none;
	color: #0b4377;
	text-shadow: 0 1px 0 #fff;
	display: block;
	font-size: 1.1em;
	padding: 0 10px;
	border: 1px solid #87aacc;
	border-bottom: none;
	outline: none;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-khtml-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	background: #d6e6f0;
	font-weight: normal;
}

ul.tabs li a:hover {
	background: #d8ebf8;
	color: #2e6f97;
}

html ul.tabs li.active, html ul.tabs li.active a {
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #156b98;
	padding-bottom: 1px;
	margin-right: 1px;
	margin-right: 5px;
}

html ul.tabs li.active a {
	margin-right: 0px;
	color: #000;
	border-bottom: 1px solid #fff;
}

.tab_container {
	

/*border: 1px solid #ccc;*/
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-khtml-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
}

.tab_content {
	width: 100%;
	padding: 15px 0;
	display: block;
	/*position: relative;*/
}

.tabscontainer .cont-infovtab {
	padding: 10px 30px;
}

.tabscontainer .container-tab {
	padding: 10px 30px 20px 30px;
}

.tab_content #header-list-files {
	margin: 0;
}

.tab_content .files {
	padding: 10px 0;
}

/* @group GrayTabs */

#gray-tabs ul.tabs {
	width: 100%;
	padding: 0 5px 2px 0;
}

#gray-tabs ul.tabs li a {
	background-color: #f1f1f1;
	border-color: #ccc;
	color: #666;
}
html #gray-tabs ul.tabs li.active, html #gray-tabs ul.tabs li.active a {
	background-color: #fff;
	color: #000;
}


/* @end */

/* @end */

/* @group Generic Pages */

#wrapper.generic {
	background: url(../Images/main-ui/bg-header.png) no-repeat scroll center top;
}
#wrapper.generic > #header {
	height: 80px;
}
#wrapper.generic > .footer > .copy {
	color: #bdcde3;
}

#wrapper.generic > .footer a {
	color: #edf8fe;
}
#wrapper.generic > .footer {
	z-index: 1;
}
#wrapper.generic #main-content {
	min-height: 0;
	height: auto;
}
div.generic-page {
	width: 91.5%;
	padding: 30px 40px;
	float: left;
}

.generic-page h1 {
	font-size: 24px;
	font-weight: bold;
	clear: both;
	margin-bottom: 10px;
	position: relative;
}
.generic-page h1 b.icon16,
.generic-page h1 b.icon32 {
	margin-right: 10px;
	margin-bottom: 10px;
}
.page .generic-page h1 b.icon16,
.page .generic-page h1 b.icon32 {
	margin-top: -10px;
}
.generic-page h1 i {
	display: inline-block;
	line-height: 1em;
	margin: 0;
	font-style: normal;
	font-size: 12px;
	color: #999;
	font-weight: normal;
	line-height: 1.5em;
}
.generic-page p {
	padding-bottom: 15px;
	line-height: 1.4em;
	color: #666;
}
h1 small {
	font-size: 16px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}
.generic-page .col_img,
.generic-page .col_msg {
	float: left;
}
.generic-page .col_img {
	width: 13%;
}
.generic-page .col_msg {
	width: 87%%;
}
/* @group External Pages */

body.ext-page {
	background: #f2f2f2 url(../Images/main-ui/bg-body-ext-page.png) repeat-x;
}

body.ext-page #header {
	height: 85px;
}

body.ext-page .panel-log ul.inline {
	font-size: 11px;
}

/* @group Dropbox Links */

ul.step-boxes {
	padding: 30px 15px 0 15px;
}

ul.step-boxes > li {
	border: 1px solid #b0d0e9;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	margin-bottom: 40px;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-o-transition: all linear .3s;
	-ms-transition: all linear .3s;
	transition: all linear .3s;
}

ul.step-boxes > li > .step-title {
	display: block;
	padding: 15px 15px 5px 15px;
	border-bottom: 1px solid #b0d0e9;
	color: #333;
	overflow: hidden;
}

ul.step-boxes > li > .step-content {
	padding: 15px;
	border-top: 2px solid #e3ecf4;
	overflow: hidden;
}
.step-title h3 {
	display: inline-block;
	float: left;
}

.step-title .help {
	margin-top: 0 !important;
}

ul.step-boxes .step-number {
	display: block;
	text-align: center;
	font-size: 21px;
	padding-top: 7px;
	font-family: "Arial Black", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	background-color: #b0d0e9;
	width: 32px;
	height: 25px;
	-moz-border-radius: 100%;
	-webkit-border-radius:  100%;
	border-radius:  100%;
	position: absolute;
	top: -16px;
	left: -16px;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-o-transition: all linear .3s;
	-ms-transition: all linear .3s;
	transition: all linear .3s;
}

ul.step-boxes > li > .step-content > textarea {
	width: 100%;
	height: auto;
}

ul.step-boxes .white-box {
	width: 100% !important;
	margin: 10px 0;
}

ul.step-boxes > li.highlight {
	border-color: #1d6d9e;
	background-color: #e6f1f7;
}

ul.step-boxes li.highlight .step-number {
	color: #fff;
	background-color: #1d6d9e;
}
ul.step-boxes li.highlight .step-title {
	color: #145496;
	border-bottom-color: #9bb8cf;
}

ul.step-boxes li.highlight .step-content {
	border-top-color: #dae6ec;
}
.step-content > ul.inline > li > input.big {
	width: 260px;
}

/* @end */


/* @end */


/* @end */

/* @group Upgrade Account Screens */

ul.inputs.info-plan > li {
	width: 40%;
	margin-right: 0;
	margin-bottom: 25px;
}
ul.inputs.info-plan > li.promo {
	width: 60%;
	margin-right: 0;
}
ul.inputs.info-plan > li.wide {
	width: 100%;
	margin-right: 0;
}
ul.inputs.info-plan > li.wide > div.bg-lightblue {
	width: 98%;
	margin: 0 0 6px 0;
}

b.total-price {
	font-size: 30px;
	font-weight: bold;
	margin-left: 20px;
}

ul.inputs > li > input.small {
	width: 100px;
}

/*ul.info-plan.inner {
	padding: 0 0 0 5px;
}*/
/*ul.info-plan.item {
	margin: 0;
}
ul.info-plan.item > li {
	width: 115px;
	padding: 3px 5px 0 5px;
	border-right: 1px solid #e4e4e4;
	border-left: 1px solid #f7f7f7;
	margin: 0;
	height: 40px;
}
ul.info-plan.item > li > p {
	margin: 15px 0 0 0;
}
ul.info-plan.item > li + li {
	color: #000;
	font-weight: bold;
}
ul.info-plan.item > li.last {
	width: 300px;
	border-right: none;
	padding-right: 0;
}
ul.info-plan > li.last > div > input {
	width: 60px;
	height: 35px;
	margin: 0;
	font-size: 14px;
	color: #999;
	text-align: center;
	IE8 hack
	height: 30px\0/;
}

ul.info-plan > li.last > div > span.blue {
	font-size: 11px;
	margin: 5px 0 0 5px;
}*/
.controls {
	float: left;
}
.controls .up, .controls .down {
	width: 18px;
	height: 18px;
	display: block;
	margin: 0;
	text-indent: -99999px;
	background: url(../Images/main-ui/Window/controls-up-btm-mw.png) no-repeat left top;
}
.controls .up:hover {
	background: url(../Images/main-ui/Window/controls-up-btm-mw.png) no-repeat right top;
}
.controls .down {
	background: url(../Images/main-ui/Window/controls-up-btm-mw.png) no-repeat left bottom;
}
.controls .down:hover {
	background: url(../Images/main-ui/Window/controls-up-btm-mw.png) no-repeat right bottom;
}
/*ul.inputs.info-plan > li {
	width: 50%;
	margin: 0 0 20px 0;
}*/
input.input-controls {
	width:80px !important;
	height: 37px;
	margin-right: 1px;
	text-align: center;
	color: #000 !important;
	font-size: 14px;
	float: left;
	/*IE8 hack*/
	height: 29px\0/;
}
ul.inputs.info-plan li input.tweet {
	width: 100px;
	margin: 0;
	height: 25px;
	margin-right: 5px;
	text-align: left;
	/*IE8 hack*/
	height: 20px\0/;
	float: left;
}
/* @end */

/* @group Common Classes */
.ovflow-hidden {
	overflow: hidden;
}
.nobg {
	background: none !important;
}

.nobg-img {
	background-image: none !important;
}

.right {
	margin: 0;
	padding: 0;
	float: right !important;
	position: relative;
}
.txt-right,
.txt-right p {
	text-align: right !important;
}

.txt-left,
.txt-left p {
	text-align: left !important;
}

.right.abs {
	position: absolute;
	right: 0;
	top: 0;
}
.left {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}
.col_2,
.col_two_thirds {
	width: 50%;
	float: left;
	display: inline-block;
	position: relative;
	/*overflow: hidden;*/
}
.col_two_thirds {
	width: 75%;
}
.hide {
	display: none !important;
}

.clear {
	clear: both;
	display: block;
	/*overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;*/
}
/*sup {
	font-size: 0.6em;
	padding-right: 5px;
}*/
.mr {
	margin-right: 10px !important;
}

.ml {
	margin-left: 10px !important;
}

.mt {
	margin-top: 10px !important;
}
.mt5 {
	margin-top: 5px !important;
}

.m5px {
	margin: 5px !important;
}

.m20 {
	margin: 20px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mb15 {
	margin-bottom: 15px !important;
	clear: both;
}
.mb20 {
	margin-bottom: 20px !important;
	clear: both;
}

.mtb20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.mr20 {
	margin-right: 20px !important;
}

.mlr20 {
	margin-right: 20px !important;
	margin-left: 20px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}

.mb {
	margin-bottom: 10px !important;
}
.mtb {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.rc {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.trans {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.alpha {
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

.no-border {
	border: none;
}

.red {
	color: #fe1b18 !important;
}

.lightred {
	color: #db7161 !important;
}

.darkred {
	color: #cc3333 !important;
}

.orange {
	color: #fe471b !important;
}

.lightorange {
	color: #ff9900 !important;
}

.green {
	color: #3ca722;
}

.blue {
	color: #4579a7;
}
.lightblue {
	color: #1d6d9e;
}
.gray {
	color: #999;
}
.darkgray {
	color: #666;
}
.black {
	color: #000;
}

a.lightorange:hover {
	color: #f57521 !important;
}

p.small {
	font-size: 11px;
}
.sep-circle {
	background: url(../Images/main-ui/li-submenu.png) no-repeat left center;
	padding-left: 12px;
}

.nml {
	margin-left: 0 !important;
}

.nmr {
	margin-right: 0 !important;
}

.nmb, li.nmb {
	margin-bottom: 0 !important;
}

.nmt, p.nmt {
	margin-top: 0 !important;
}
.nmtb {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.nm, .bg-gray.nm, ul.nm, .trans-box.nm, li.nm, ul.inputs.text > li.nm, ul.inputs.nm > li {
	margin: 0 !important;
}

.upper {
	text-transform: uppercase;
}

.innerpad {
	padding: 20px;
	float: left;
}

.bwh {
	border: 1px solid #fff;
}

.blb {
	border: 1px solid #fff;
}
.ptop {
	padding-top: 10px !important;
}

.pleft {
	padding-left: 10px !important;
}

.pright {
	padding-right: 10px !important;
}
.pdlr {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.pbt {
	padding-bottom: 10px !important;
}
.pd5 {
	padding: 5px !important;
}
.pd10 {
	padding: 10px !important;
}

.pd15 {
	padding: 15px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pd20 {
	padding: 20px !important;
}
.pd30 {
	padding: 30px !important;
}
.plr30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
} 
.np, p.np {
	padding: 0 !important;
}
.npb {
	padding-bottom: 0 !important;
}
.npt {
	padding-top: 0 !important;
}
.npr {
	padding-right: 0 !important;
}
.npl {
	padding-left: 0 !important;
}
.nplr {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.nptb {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.bg-gray, .bg-lightblue {
	padding: 10px;
	background: #efefef;
	margin: 15px 0;
	float: left;
}
.bg-lightblue {
	background-color: #ebf3fe;
}

.bg-grid {
	background: url(../Images/main-ui/grid-pattern-1.png) repeat;
	border: 1px solid #ececec;
}
.bg-white {
	background-color: #fff;
}
.dbl {
	display: block;
}

.underline {
	text-decoration: underline;
}
.wide {
	width: 100% !important;
	display: block;
	float: left;
	-webkit-box-sizing: border-box; /* content-box */
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul.inline {
	width: auto;
/*	overflow: hidden;*/
	display: block;
}
.inline > li {
	/*width: 20%;*/
	margin-right: 10px;
	display: inline-block;
	/*	color: #666;*/
	/*font-size: 11px;*/
	float: left;
}
.inline li i,
.inline li a,
.inline li p {
	display: inline-block;
}

div.captcha {
	display: inline-block;
	float: left;
	background: url('../Images/main-ui/sepV-lightblue.png') repeat-y right top;
	padding-right: 10px;
	min-height: 50px;
	margin-right: 10px;
}

.sections.inline li {
	margin: 0;
}
/*.inline li:first-child {
	width: 12%;
}*/
.inline li strong {
	color: #000;
	font-weight: normal;
}
.inline li.loc {
	width: 40%;
	display: block;
	 word-wrap: break-word;
}
.inline-buttons {
	clear: both;
	margin: 0;
}
.inline-buttons > li {
	display: inline-block;
	float: left;
	margin-right: 10px;
}
.inline li > a.button {
	margin: 0;
}
.details {
	display: block;
	margin: 0;
}
.details > li {
	float: left;
	display: inline-block;
	color: #666;
	font-size: 12px;
	padding-right: 10px;
}
ul.metadata {
	margin: 0;
	font-size: 11px;
}
ul.metadata.center {
	display: inline-block;
	/*width: auto !important;*/
	float: none;
}
ul.metadata > li {
	float: left;
	display: inline;
	padding-right: 10px;
	color: #666;
}
ul.metadata > li + li {
	border-left: 1px solid #999;
	padding-left: 5px;
}
ul.metadata.nbrd > li {
	border: none;
}
.hrsep {
	width: 100%;
	height: 3px;
	background: url(../Images/main-ui/sep-line-hor.png) repeat-x left top;
	display: block;
	clear:both;
}

.white-box {
	width:100%;
	background-color: #fff;
	border: 1px solid #c4ddf5;
	padding: 0;
	margin: 0;
	float: left;
}
.white-box.dotted {
	border: 1px dotted #ccc;
	margin-bottom: 0;
	min-height: 150px;
}

.white-box.dotted.nopd {
	padding: 0;
	width: 94%;
}

.white-box.scroll-info {
	width: 90%;
}
.scrolled {
	overflow: auto;
	overflow-x:hidden;
	height: 220px;
	position: relative;
}
.btns-right {
	float: right;
	display: inline-block;
	position: relative;
}
.btns-left {
	float: left;
	display: inline-block;
	position: relative;
}
.blue-brd {
	border: 1px solid #bcd6e8;
}

.blue-brd.shadow {
	box-shadow: 0 2px 0 0 #eff5f7;
}
.gray-brd-bt {
	border-bottom: 1px solid #dcdcdc;
}
.nbrd {
	border: none !important;
}
em.big, span.big, p.big, b.big {
	font-size: 14px;
}

ul.list-type-arrow li:before {
	content: "→";
}
.grid-control {
	width: 100%;
	display: block;
	overflow: auto;
	min-height:200px;
	border: 1px dotted #ccc;
	margin: 10px 0 0 0;
	background-color: #fff;
}

.autohg {
	min-height:0;
	height: auto !important;
	overflow: hidden;
}

.autowd {
	min-width:0;
	width: auto !important;
}
.fl-none {
	float: none !important;
}
.big-number {
	font-size: 30px !important;
	font-family: "Arial Black", Arial, Helvetica, Geneva, sans-serif;
}

ul.block-buttons {
	margin: 20px 0 0 0;
	width: 100%;
	display: block;
	overflow: hidden;
}

ul.block-buttons > li {
	width: 50%;
	float: left;
	display: inline-block;
}

ul.block-buttons > li > a {
	text-align: center;
	margin: 0 10px 10px 0;
	display: block;
	background: #fff url(../Images/main-ui/bg-gradient-1.png) repeat-x left bottom;
	padding: 10px;
	border: 1px solid #cfcfcf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

ul.block-buttons > li > a:hover {
	background: #fff url(../Images/main-ui/bg-inner-gradient-1.png) repeat-x left top;
	border: 1px solid #5fa8ce;
}

ul.block {
	margin: 0;
	width: 100%;
	display: block;
	overflow: hidden;
}

ul.block > li {
	overflow: hidden;
	display: block;
	margin-bottom: 10px;
}

ol.numbered > li {
	list-style-type: decimal;
	list-style-position: inside;
}

.thumb-image {
	float: left;
	border: 1px solid #ccc;	
}

.thumb-image:hover {
	float: left;
	border: 1px solid #666;	
}
.thumb-image img {
	float: left;
}

/*Files likes*/
.item-like{ 
	line-height: 1em;
}
.like { 
background: url(../Images/main-ui//like-heart.png) no-repeat 0 0; 
width: 16px; 
height: 16px; 
display: inline-block; 
float:left; 
position: relative;
line-height: 1em;
margin-right: 5px;
}
.item-like a:hover .like { 
background:url(../Images/main-ui/like-heart.png) no-repeat -16px 0 
}

.item-like span.count {
	font-weight: bold;
	color: #000;
	padding-top: 3px;
	display: inline-block;
}

.item-like .voted,
.item-like .alreadyvoted { 
background-position: -16px 0 
}
/* @end */

/* @group Others */

.top-button {
	float: right;
	position: absolute;
	right: 30px;
	top: 0;
}
/*Canvas Signature Pad*/
.signature-pad {
	width: 500px;
	text-align: center;
	clear: both;
	padding-bottom: 20px;
	display: block;
}

.signature-pad .title-signature {
	width: 100%;
		text-shadow: 0 1px 0 #000;
	background: #423f42;
	padding: 5px;
	text-align: left;
	border-bottom: 1px solid #000;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-khtml-border-radiußs: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	webkit-box-sizing: border-box; /* content-box */
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
}
.title-signature h1 {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: -0.5px;
}
/*.signature-pad a.button-blue.big {
	margin-left: 220px;
}*/
.signature-pad canvas {
	width: 500px;
	height: 150px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	clear: both;
	background: #fff url('../Images/main-ui/bg-signpad.png') no-repeat left top;
	/*cursor: url(../Images/main-ui/pen-bw.png), -moz-zoom-in, auto;*/
}
.trans-box {
	margin: 0 15px;
	display: block;
	position: relative;
	/*overflow: hidden;*/
	/*clear: both;*/
	/*position: relative;*/
}

.trans-box a.help {
	left: 0;
	margin-right: 10px;
}

.trans-box div.checker {
	margin-top: -3px;
}
.right-content div.checker {
	margin-top: -5px;
}
.trans-box  span.inner-label {
	padding-top: 3px;
	margin-bottom: 3px;
}


div.trans-box input.large {
	height: 30px;
}
.content-tab .sections li.half.right {
	text-align: right;
}

/*List contacts, users, emails*/

.header-list-contacts {
	width: 560px;
	height: 12px;
	padding: 5px;
	float: left;
	margin: 0;
	color: #000;
	background: url(../Images/referrals/bg-list-contacts.jpg) repeat-x left top;
}

.header-list-contacts.wide {
	width: 100%;
	font-size: 11px;
	padding: 3px 0 3px 3px;
	height: 15px;
}

.header-list-contacts .select-file, .row-contact .select-file, td.select-file {
	width: 12px;
	margin: -4px 8px 0 0;
	float: left;
}

.header-list-contacts .select-file {
	margin-left: 5px;
}

.header-list-contacts span {
	width: 225px;
	display: block;
	float: left;
}

.email-adresses, .list-contacts {
	width: 560px;
	height: 170px;
	overflow: scroll;
	overflow-x: hidden;
	margin: 0;
	padding: 5px 0;
	padding-left: 10px;
	border-bottom: 1px dotted #ccc;
	float: left;
	margin-bottom: 10px;
	clear: both;
	/*position: relative;*/
	-webkit-box-sizing: border-box; /* content-box */
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.email-adresses {
	padding-left: 5px;
	position: relative;
}

.header-list-contacts.error {
	width: 97%;
	padding-left: 15px;
}
.header-list-contacts.error span {
	width: 30%;
}
.name-file {
	width: 31%;
}

div.error-list tr {
	width: 100%;
	padding: 5px 0;
	display: block;
}

.name-file img {
	margin-right: 5px;
}
#workgroup.white-box.dotted {
	height: 200px;
}
/*Top Bar*/

div.tob-bar {
	background-color: #73b9e7;
	padding: 1px 0px;
	border-bottom: 2px solid #c5e1ef;
	height: auto;
}

#topbar-hide {
	width: 30px;
	height: 30px;
	position: absolute;
	top:-5px;
	background-color: #73b9e7;
	z-index: 1000;
	right: 50%;
	margin-right: -520px;
	-moz-border-radius:  0px 0px 3px 3px;
	-webkit-border-radius:  0px 0px 3px 3px;
	border-radius:  0px 0px 3px 3px;
	-moz-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 0 3px rgba(0, 0, 0, 1);
}

#topbar-hide .icon16 {
	margin: 10px auto 0 auto;
}

div#topbar-open {
	padding: 5px;
	height: 15px;
}

div.tob-bar a {
	color: #fff;
	display: block;
}

div.tob-bar a:hover {
	text-decoration: underline;
}

#current-folder {
    color: #666666;
    float: left;
    margin-left: 4px;
    margin-top: 8px;
}
#current-folder li {
	display: inline;
	color: #999;
}
#current-folder span {
    color: #333;
}
#current-folder li:last-child {
    color: #156b98;
    
}
div.top-corners {
	width: 960px;
	height: 8px;
	clear: both;
	display: block;
	background: url(../Images/main-ui/top-corners.png) no-repeat left top;
}
ul.sections > li.enter-filter {
	margin: 0;
}

ul.sections > li.enter-filter > ul > li > input[type=text] {
	width: 225px;
	font-size: 1.1em;
	height: 22px\0/;
}

ul.right-tools {
	width: 100%;
	float: right;
	overflow: hidden;
	display: block;
}

ul.right-tools > li {
	width: 410px;
	display: block;
	float: left;
	text-align: right;
	padding: 10px 0 0 0;
	overflow: hidden;
}

ul.right-tools > li + li {
	width: 40px;
	padding: 0;
}

ul.right-tools > li > a.quick-btn {
	margin: 0;
	float: right;
	text-align: left;
}
ul.three-columns > li {
	width: 33%;
	float: left;
	display: inline;
}
div#graph {
	background-color: #fff;
}
ul.pic-links {
	width: 95% !important;
	margin: 0 !important;
}

ul.pic-links > li {
	margin-bottom: 5px;
}

ul.inputs.wide.pic-links > li > ul > li {
	float: left;
}
ul.inputs.wide.pic-links > li > ul > li > input[type=text],
ul.inputs.wide.pic-links > li > ul > li > textarea {
	width: 565px;
	font-size: 12px;
	color: #000;
}
ul.inputs.wide.pic-links > li > ul > li > textarea {
	height: 50px;
}
ul.pic-links a {
	color: #333;
}

ul.pic-links a:hover {
	color: #000;
}
tbody#picture-links tr td {
	padding: 15px 0;
}

.metadata-links {
	margin: 0 0 0 20px !important;
	width: 545px;
	width: 554px\0/;
}
tbody#picture-links a.thumb-image {
	max-height: 120px;
	overflow: hidden;
}
/* @group Upload - Progress Bar */

#load-progress {
	width: 96%;
}

#load-progress li {
	display: block;
	float: left;
	margin: 0 5px 0 0;
}

span.percent-load {
	color: #156b98;
	font-weight: normal;
	font-size: 16px;
	margin-left: 20px;
	margin-top: 10px;
	display: block;
}

#load-progress li div#drag-and-drop_progressBar.uuProgressBar, #drag-and-drop_progressBar {
	border: 1px solid #B0D0E9;
	background: white;
	margin-top: 2px;
	padding: 1px;
	min-height: 7px;
	width: 300px;
	float: left;
	border-radius:5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
	khtml-border-radius:5px;
	margin-top: 15px;
	display: block;
}
#load-progress li div#drag-and-drop_progressBarBody.uuProgressBarBody, #drag-and-drop_progressBarBody {
	width: 0px;
	height: 7px;
	background: #1f6d9d;
	border-radius:5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
	khtml-border-radius:5px;
	display: block;
}

#load-progress li div#drag-and-drop_statusLabel.uuStatusLabel, #load-progress li div#divUploadPath.uuStatusLabel  {
	padding: 0 10px 0 3px;
	white-space: nowrap;
	min-height: 10px;
	max-height: 30px;
	overflow: hidden;
	font-size: 11px;
	color: #666;
	/*margin-top: 5px;*/
}

#load-progress li div#divUploadPath.uuStatusLabel {
	color: #999;
	margin-top: 0;
}

#drag-and-drop_statusLabel strong {
	color: #000;
}
.uuStatusContainer {
min-height: 40px;
}

.step-content #drag-and-drop_statusLabel {
	display: inline-block;
	font-size: 11px;
}

.step-content #drag-and-drop_progressBar {
	width: 100%;
	margin-top: 5px;
}

.step-content .trans-box {
	margin: 0;
}

#drag-and-drop_listItemsHolder {
/*	background-image: url(../Images/main-ui/java-drag-drop.png); */
	background-attachment: initial; 
	background-origin: initial; 
	background-clip: initial; background-color: initial; 
	height: 115px; 
	background-position: initial initial; 
	background-repeat:no-repeat;
}
/*Preview File Progress Bar*/
#preview-files #drag-and-drop_progressBar {
	width: 100%;
	margin-top: 0;
}
#preview-files .uuStatusContainer {
	width: 420px;
	min-height: 15px;
	margin: 10px auto;
	display: block;
}
/*------*/
label {
	display: inline;
}
/* @end */

.counter.time {
	display: inline-block;
	width: 300px;
	padding-bottom: 50px;
}

.counter > .title {
	display: block;
	padding: 0 20px;
	background: #feffff;
	text-align: center;
	margin-bottom: 5px;
	background: -moz-linear-gradient(top,  #feffff 48%, #bed2e8 48%, #bed2e8 54%, #ffffff 54%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,#feffff), color-stop(48%,#bed2e8), color-stop(54%,#bed2e8), color-stop(54%,#ffffff));
	background: -webkit-linear-gradient(top,  #feffff 48%,#bed2e8 48%,#bed2e8 54%,#ffffff 54%);
	background: -o-linear-gradient(top,  #feffff 48%,#bed2e8 48%,#bed2e8 54%,#ffffff 54%);
	background: -ms-linear-gradient(top,  #feffff 48%,#bed2e8 48%,#bed2e8 54%,#ffffff 54%);
	background: linear-gradient(to bottom,  #feffff 48%,#bed2e8 48%,#bed2e8 54%,#ffffff 54%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#ffffff',GradientType=0 );
}
.counter > .title > span {
	background-color: #fff;
	padding: 0 5px;
	text-transform: uppercase;
	color: #84b0d2;
	font-size: 16px;
	font-weight: 300;
}

ul.counter-values {
	width: 100%;
}

ul.counter-values > li {
	width: 32%;
	float: left;
	display: inline-block;
	background-color: #ecf3f6;
	-webkit-border-radius: 5px;
    border-radius: 5px;
}

ul.counter-values > li + li {
	margin-left: 2%;
}

ul.counter-values > li > span {
	padding: 10px 0;
	line-height: 1em;
	display: block;
	text-align: center;
	color: #369;
	font-size: 60px;
	font-weight: 600;
	position: relative;
}

ul.counter-values > li > span:after {
	display: block;
	text-align: center;
	content: "hours";
	font-size: 12px;
	position: absolute;
	left:0;
	bottom: -4em;
	color: #88a7b8;
	font-weight: 300;
	text-transform: uppercase;
}

ul.counter-values > li > span.minutes:after {
	content: "minutes";
}

ul.counter-values > li > span.seconds:after {
	content: "seconds";
}
/*Language Dropdown FAW*/
.cmb {
	padding: 0px;
	margin-bottom: 5px;
	background-color: #fff;
	border: 1px solid #9bb1d6;
	font-size: 11px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.cmb .txt {
	background: none;
	border: none;
	margin: 0;
	padding: 2px 2px 0 5px;
	font-size: 11px;
	color: #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
/*UniversalUploader KTY fixes*/
.fileremove {
	margin-right: 10px;
}
/*IE8 issues FAW release*/
ul#bhAutoCompleteSearch_completionListElem {
	text-align: left;
/*	visibility: hidden;*/
	cursor: default;
	list-style: none;
	padding: 0px;
	border: 1px solid buttonshadow;
	background-color: #fff;
	color: #333;
	position: absolute;
	width: 173px;
	left: 24px;
	top: 25px;
	z-index: 1000;
	border: 1px solid #d7d7d7;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	-khtml-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
/*	display: none;*/
}
ul#bhAutoCompleteSearch_completionListElem li {
	padding: 0 3px;
}
/*---- end ----*/


/* @end */

/***************BEGIN - ADDED BY FAW TEAM **************/
/** Changed #footer to .footer **/
/** Changed in #main-content - removed min-height**/
/** Change in #drag-and-drop_listItemsHolder- removed background Image refering from Universal control CSS **/
/** Added new classes for checkin screen ul.Chkmulti-inputs etc...**/
#current-folder li:last-child span {    /*To display higlighted selected fileview in virtual folder*/
    color: #156b98;
}
/*Added for header title in Restore page*/
.H1Title {
    color: #000000;
    font-family: "Arial Black",Arial,Helvetica,Geneva,sans-serif;
    font-size: 21px;
 }

ul.breadcrumb li span.folder {
white-space:nowrap;
}


/*Added for root user combine with snapshot date in Restore module*/
ul.breadcrumb li.RootUser {
	/*top: 5px;*/
	height: 12px;
	background: url(../Images/main-ui/li-breadcrumb-home.png) no-repeat scroll left bottom;
	background: url(../Images/main-ui/li-breadcrumb.png) no-repeat scroll left bottom;
	position: relative;
	padding-left: 12px;
}

ul.breadcrumb li.ActiveRootUser {
	color:#000;
	/*top: 5px;*/
	height: 12px;
	background: url(../Images/main-ui/li-breadcrumb-home.png) no-repeat scroll left bottom;
	background: url(../Images/main-ui/li-breadcrumb.png) no-repeat scroll left bottom;
	position: relative;
	padding-left: 12px;
}
/***/
/*********** Add below to     #folder-tree, .folder-open 
height:200px;    /*bread crumb dropdown and jump to folder div height is fixed*/

/******below has some changes over kattys version , removed menu-mb from above**/
.menu-mb {
	background-color: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	outline: 0;
	border: 1px solid #87aacc;
	display: none;
	overflow: auto;
	padding: 10px 20px 10px 10px;
	position: absolute;
	margin-top: 22px;
	z-index: 99999;
	zoom: 1;
	color: #333;
	width: 110px;
	left: 12px;
	top: 3px;
	padding: 8px;
	border-color: #b6b6b6;
	-moz-box-shadow: 0 0 4px #ccc;
	-webkit-box-shadow: 0 0 4px #ccc;
	box-shadow: 0px 0px 4px #ccc;
}

/*Copy move: new treeview css*/
.GTreeDivStyle 
{
    background-color:White;
    width:350px;
    border: 1px solid #C4DDF5;
}

/*dialog box in Treeview*/
.dgProgress 
{
    border: 10px solid rgb(55, 72, 89); 
    position: absolute; 
    visibility: hidden; 
    height: 111px; 
    width: 160px; 
    z-index: 70016; 
    left: 875px; 
    top: 210px;
}
.dgHeader 
{
    background-color:#bfe2f4;
    padding:15px;
    font-family:Arial;
    font-size:18px;
    color:#156596;
    text-shadow:0 1px 0 #fff;
    cursor:pointer;
}
.dgInnerSpan 
{
    font-weight: bold; 
    background-color: rgb(242, 242, 242); 
    color: rgb(102, 102, 102); 
    font-family: Arial; 
    padding: 15px; 
    font-size: 12px;
}
.dgFooterSpan 
{
    padding:5px;
    font-family:verdana;
    font-size:12px;
    color:black;
    background-color:#F2F2F2;
}

span.dataListFields {
    margin-right: 10px;
    margin-top: 10px;
    width: 97%;
}
a.help.tip {
    margin: 3px 9px 0 0; 
}
span.tip {
	cursor: pointer;
}
/*** commented margin-top: 10px  in .view-form **/

/*Added for Server side control*/
span.text.picker input[type=image] {
	margin-left: -6px;
	/*IE8 hack*/
	
	margin-left: -11px\0/;
}
/** Added by Piyush on 8/5/2011 **/
span.desc-form {
 color: #333;
 font-size: 1em;
 line-height: 1.5em;
 padding-bottom: 10px;
 clear: both;
}
.displayNonScrollMsg.white {
	width: 100%;
	padding: 15px 0;
	border: 1px solid #a6d3f0;
	border-color: #bcd6e8;
	color: #333;
	margin-bottom: 10px;
	float: left;
	min-height: 10px;
	background: #fff none;
	
}
.displayNonScrollMsg.attention {
background: #fffbe8 url(../Images/main-ui/icons/attention.png) no-repeat 10px 10px;
	border-color: #fde97a;
	margin: 8px 15px 10px;
    overflow-y: auto;
    color: #333333;
    float: left;
    min-height: 10px;
    padding: 10px 0;
}
.displayNonScrollMsg p {
    color: #000000;
    display: inline-block;
    float: left;
    font-weight: normal;
    left: 40px;
    margin-right: 0;
    padding: 0;
    position: relative;
    width: 85%;
}
.displayNonScrollMsg a.close {
    background: url("../Images/main-ui/sprite-icons.png") no-repeat scroll -464px 0 transparent;
    margin-right: 15px;
}
.displayNonScrollMsg.info
{
    width: 99.8%;
    padding: 10px 0;
    color: #000;
    border: 1px solid #bcd6e8;
    color: #333;
    float: left;
    background: #deeefe url(../Images/main-ui/icons/info.png) no-repeat 10px 10px;
    min-height: 10px;
}
/*Added for close the error message in radwindow if its width is less then or equal to 400*/
.displaymsg a.RadClose {
    width: 16px;
	height: 16px;
	display: inline-block;
	float: right;
	text-indent: -9999px;
	background: url(../Images/main-ui/sprite-icons.png) no-repeat scroll -448px 0;
	margin-right:3px;
}
/*For Checkin Screen*/
ul.Chkmulti-inputs {
    clear: both;
    margin: 0;
    overflow: auto;
    padding: 0;
    width: 100%;
}
ul.Chkmulti-inputs li {
    display: inline;
    float: left;
}
ul.Chkmulti-inputs li input.large 
{
    width:387px;
}
/*Changed in .name-file :changed the width from 37% to 31% by Jalpesh for Virtual folder error list page*/

/*Changed in ul.main-second-tools > li.folder-options class : Set the width as auto instead of 125px, because it was not fit with other buttons*/

.content-tab .sections li.halfNotify {
    float: left;
    margin-bottom: 20px;
    margin-right: 10px;
    width: 55%;
}
    /*To display floating path on mousehover of chart view*/
.display-Chartloading {
    cursor: default;
    float: left;
    font-size: 12px;
    height: 27px;
    left: 50%;
    margin-left: -50px;
    padding-top: 300px;
    position: fixed;
    text-align: center;
    text-shadow: 0 1px 0 #0085A6;
    z-index: 100;
}
/*changed in header-search-box : width: 240px;/*removed auto because search texbox was not looking proper in google chrome */
/*Changed in span.text.picker input[type=image] : Added margin-left: -11px\0/; for ie-8 to fixed issue of date input control*/
/*Changed in a.help.tip : Changed margin from 10px to 9px to fixed the issue of help icon was going down of textbox in search panel.*/
/* Ajaxtoolkit Autocomplete Extender */
.CompletionListCssClass 
    { 
   border: 1px solid #999; 
    float: left; 
    z-index: 9999; 
    position:absolute; 
    margin-left:0px;
    left: 26px;
    padding:0px 0px 5px 5px;
    border-bottom: buttonshadow 1px solid;
    border-left: buttonshadow 1px solid;
    background-color: window;
    list-style-type: none;
    margin-top: 0px;
   /* width: 580px !important; */
    visibility: visible; color: windowtext; 
     top: 79px; cursor: default; list-style-image: none;
      }
    .CompletionListHighlightedItemCssClass
    {
    background-color:  #3399ff; 
    color: #fff;
   
    }
    .CompletionListItemCssClass 
    {
    background-color :window; 
    color : windowtext;
    padding : 0px;  z-index:9999px;
    }
.disable 
{ 
	opacity: 0.5;    
}    
span.arrow.tab8 {
	top: 465px;
}
/*below class is used to alignment of table column in other upload methods*/
.header-div .spanAlign1
{
    padding-left:80px
}
.header-div .spanAlign2
{
    padding-left:65px
}
.shiftleft
{
    margin-left:15px;
}
    /* Added New Class for Autocomplete extender*/
/***************END - ADDED BY FAW TEAM***********/