div.userbar { background:url(../images/skin/bar.gif) repeat 0 0; height:25px; }
div.userbar div.sys-msg { padding:0 250px; height:25px; line-height:25px; text-align:center; color:#fff; }
div.userbar nav { position:absolute; top:0; left:10px; z-index:2; }
div.userbar nav ul li { height:25px; line-height:25px; display:inline; white-space:nowrap; font-size:11px; }
div.userbar form { display:none; }

div.modal form,
div.modal-bind form { display:block; }


table.data em { color:#a32a1b; font-style:normal; }
table.data th { padding:0 10px 7px 0; }
table.data td { padding-bottom:7px; }


table.bill { width:100%; }
table.bill th,
table.bill td { border-top:1px solid #e5e9eb; padding:9px 10px; vertical-align:middle; }
table.bill td { text-align:right; white-space:nowrap; }
table.bill th { color:#7f7f7f; }
table.bill th em { color:#000; }
table.bill tfoot th { padding-right:15px; text-align:right; }
table.bill tfoot td { background:#e5e9eb; width:10%; color:#000; font-size:18px; }


p.footnote { background:url(../images/skin/footnote.gif) no-repeat 0 0; margin:15px 0 0 0; padding-top:5px; color:#999; }


div.notice,
div.warning { margin-bottom:15px; padding:2px 0 0 28px; min-height:19px; }
div.notice { background:url(../images/skin/notice.png) no-repeat 0 0; }
div.notice strong { color:#000; }
div.warning { background:url(../images/skin/warning.png) no-repeat 0 0; }
div.warning strong { color:#a32a1b; }


div.message table.form-h { margin:0 auto; }

div.agree table td { padding-right:8px; vertical-align:middle; }


ol.msg { margin:0 0 10px; padding:2px 5px 2px 30px; }
ol.msg-error { border-left:2px solid #cd071e; background:#ffeadd; color:#cd071e; }
ol.msg-done { border-left:2px solid #257b0f; background:#dbf1e0; color:#257b0f; }
div.msg { margin:0 0 10px; padding: 0 5px; }
div.msg-error { border-left:2px solid #cd071e; background:#ffeadd; color:#cd071e; }
div.msg-done { border-left:2px solid #257b0f; background:#dbf1e0; color:#257b0f; }
div.msg ol { padding-left:30px; }


span.hint { color:#b6b9b9; }


label.card { margin:0 10px 5px 0; display:block; float:left; }
label.card img,
label.card input { vertical-align:middle; }
label.card img {
    -moz-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.5);
	box-shadow:2px 2px 4px rgba(0, 0, 0, 0.5);
}


form.sign-in input[type=text],
form.sign-in input[type=email],
form.sign-in input[type=password] { width:150px; }

table.form-h th { padding:7px 6px 7px 0; color:#000; }
table.form-h td.form-field { padding:3px 0 10px; }
table.form-h td.form-btns { padding-top:3px; }
table.form-h tr.form-avatar th { vertical-align:middle; }
table.form-h tr.form-avatar td.form-field img,
table.form-h tr.form-avatar td.form-field input { vertical-align:middle; }
table.form-h tr.form-avatar td.form-field img { margin-right:5px; }

table.form-v th { padding:0 0 4px 3px; color:#000; }
table.form-v td.form-field { padding:0 0 10px; }
table.form-v td.separate-left { padding-left:10px; }
table.form-v td.separate-rigth { padding-right:10px; }

div.form-label { margin-bottom:3px; }

div.form-item { margin-bottom:10px; }

div.form { border:1px solid #e5e9eb; padding:15px; }
div.form div.buttons { background:#e5e9eb; margin:4px -15px -15px; padding:10px 15px 9px; }

div.form-main span.label { margin-bottom:2px; display:block; color:#000; }

div.buttons input { vertical-align:middle; }

/*------------------------------------ admin ---------------------------------------*/
section.admin { margin: 10px; padding: 10px; }

section.admin input[type=text],
section.admin input[type=email],
section.admin input[type=password] { width:350px; line-height: 20px; font-size: 12px; border-style: none; border: 1px solid #ccc; }
section.admin textarea { line-height: 18px; font-size: 12px; border: 1px solid #ccc; }

section.admin table {width: 100%; }
section.admin tr.odd { border-left: 1px solid #aaa; border-right: 1px solid #aaa; background: #f9f9f9; }
section.admin tr.even { border-left: 1px solid #aaa; border-right: 1px solid #aaa; background: #fff; }
section.admin th { padding: 10px; color: #ddd; background: #111; font-weight: bold; font-size: 13px; }
section.admin td { padding: 3px 10px; }
section.admin table.form { margin-bottom: 16px; }
section.admin table.form input[type=text] { width: 100%; }
section.admin table.form td { padding: 0; }

/*------------------------------------ users ---------------------------------------*/
ol.users {
    border:1px solid #acc2c3;
    background:#fff;
    color:#000;
    font-size:14px;
}
ol.users em { color:#565656; }
ol.users a.remove {
    position:absolute; top:6px; right:0; z-index:1;
    background:url(../images/skin/16x16_remove.png) no-repeat 0 0;
    width:16px; height:16px;
    white-space:nowrap;
    text-indent:-999px;
    font-size:1px;
}
ol.users li {
    position:relative; z-index:1;
    border-bottom:1px solid #ccc;
    padding:3px 20px 3px 3px;
    height:22px; line-height:22px;
    white-space:nowrap;
    zoom:1;
}
ol.users li img { vertical-align:middle; }

div.users-append { background:#acc2c3; padding:7px 9px 12px; }
div.users-append span.label { margin-bottom:2px; display:block; color:#000; }
div.users-append input[type=text] { width:205px; }


/*---------------------------------- blocks ----------------------------------*/
div.naked { margin:0 auto; padding:10px 0; width:800px; }


table.price { font:18px Georgia,"Times New Roman",Garamond,serif; }
table.price span.footnote {
    position:absolute; z-index:1;
    background:url(../images/public/badge3.png) no-repeat -150px 0;
    margin:-10px 0 0 -80px; padding-right:19px;
    width:56px; height:83px; line-height:79px;
    display:block;
    text-align:center;
    font-size:12px;
}
table.price span.footnote a { color:#31332f; }
table.price span.footnote a[rel=toggle] { border-bottom-color:#31332f; }
table.price span.footnote a:hover { color:#000; }
table.price span.footnote a[rel=toggle]:hover { border-bottom-color:#000; }
table.price small { font-size:11px; }
table.price td { padding:10px; text-align:center; }
table.price span.plus,
table.price span.minus {
    background:url(../images/public/plus_minus.gif) no-repeat 0 0;
    margin:0 auto;
    width:19px; height:19px;
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-indent:-999px;
}
table.price span.minus { background-position:0 -19px; }
table.price th { padding:10px 10px 10px 80px; }
table.price thead td { padding-bottom:20px; font-size:60px; }
table.price thead span {
    position:absolute; z-index:1;
    background:url(../images/public/badge2.png) no-repeat 0 0;
    margin:-50px 0 0 -75px; padding:31px 0 0 24px;
    width:216px; height:96px;
    font-size:16px;
}
table.price thead span strong {
    margin-top:-28px; padding-right:8px;
    float:left;
    height:96px; line-height:95px;
    font-size:75px; font-weight:normal;
}
table.price tfoot td { font-weight:bold; font-size:22px; }
table.price tfoot span { font-size:12px; }
table.price tbody th { white-space:nowrap; padding-right:0; }
table.price tr.soon th { color:#919989; }
table.price tr.soon span.plus { background-position:0 -38px; }
table.price tr.soon span.minus { background-position:0 -57px; }

table.price tr.separate-after td { padding-bottom:18px; }
table.price tfoot th,
table.price tfoot td,
table.price tr.separate-before th,
table.price tr.separate-before td { border-top:1px solid #d9dad8; padding-top:18px; }


div.upload-share div.swfupload-progress { width:250px; }
div.upload-share div.swfupload-progress span.swfupload-file { width:240px; }
div.upload-share div.swfupload-progress span.swfupload-cancel { display:none; }


div.folder-preview,
div.project-preview { width:200px; height:190px; text-align:left; }
div.folder-preview { background:url(../images/skin/folder.png) no-repeat 0 66px; }
div.project-preview { background:url(../images/skin/project.png) no-repeat 0 53px; }
div.folder-preview img,
div.project-preview img { border:1px solid #a6bdbf; }
div.folder-preview b,
div.project-preview b {
    position:absolute; z-index:1;
    background:url(../images/skin/folder.png) no-repeat -200px 66px;
    width:200px; height:190px;
    display:block;
}
div.folder-preview span,
div.project-preview span {
    width:174px; height:175px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

div.project-preview {  background:url(../images/skin/project.png) no-repeat 0 53px; }
div.project-preview b { background:url(../images/skin/project.png) no-repeat -200px 53px; }
div.project-preview span { width:200px; }


div.files { padding:5px; }

div.file-preview { margin-left:-10px; width:210px; float:left; text-align:center; color:#7f7f7f; }
div.file-preview img { border:1px solid #a8bec0; }
div.file-preview div.file-size { padding-top:5px; }
div.file-preview nav a,
div.file-preview nav span { display:inline-block; vertical-align:middle; }
div.file-preview nav a[rel=previous],
div.file-preview nav a[rel=next] {
    background:url(../images/skin/navigation.gif) no-repeat 0 0;
    width:15px; height:15px;
    white-space:nowrap;
    overflow:hidden;
    text-indent:-999px;
    font-size:1px;
}
div.file-preview nav a[rel=next] { background-position:-15px 0; }
div.file-preview nav a[rel=previous].disabled { background-position:0 -15px; }
div.file-preview nav a[rel=next].disabled { background-position:-15px -15px; }
div.file-preview nav span { padding:0 2px; }

div.file-users { margin-left:200px; }
div.file-users input[type=text] { width:97%; }
div.file-users ol.users { height:106px; overflow:auto; overflow-x:hidden; }
div.file-users div.users-append input[type=text] { width:205px; }

div.file-edit div.form-main input[type=text] { width:290px; }

div.file-first { width:400px; }


div.wellcome {
    background-color:#acc2c3;
    margin:-11px -18px 11px; padding:20px 10px 20px 11px;
}
div.wellcome h3,
div.wellcome-email h3 { font-size:24px; }
div.wellcome p,
div.wellcome-email p { margin:0; }
div.wellcome td { vertical-align:middle; }
div.wellcome td.preview { width:173px; text-align:center; }
div.wellcome td.preview img {
    border:3px solid #fff;
    -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
    -moz-box-shadow:0 0 13px rgba(0, 0, 0, 0.64); -webkit-box-shadow:0 0 13px rgba(0, 0, 0, 0.64); box-shadow:0 0 13px rgba(0, 0, 0, 0.64);
}

div.wellcome-email {
    background:#acc2c3 url(../images/public/email.png) no-repeat 20px 35px;
    margin:-11px -18px; padding:31px 31px 31px 141px;
    width:200px; min-height:100px;
}


/*-------------------------------- swfupload ---------------------------------*/
.swfupload-hidden { display:none !important; }

div.swfupload-button {
    position:relative; z-index:1;
    border:1px solid #acc2c3;
    background-color:#f4f4f4;
    margin-bottom:10px;
    text-align:center;
    zoom:1;
    font-size:12px;
}
div.swfupload-button span { left:0; }
div.swfupload-button span.swfupload {
    background:url(../images/skin/h_upload.png) no-repeat 0 50%;
    padding-left:33px;
    display:inline-block;
    height:28px; line-height:28px;
}

div.swfupload-progress { position:relative; margin-bottom:10px; width:205px; font-size:14px; zoom:1; }
div.swfupload-progress span.swfupload-file {
	position:absolute; z-index:1;
	padding-left:5px;
	width:175px; height:30px; line-height:30px;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	display:block;
	color:#fff;
}
div.swfupload-progress span.swfupload-cancel {
	position:absolute; right:0; z-index:2;
	background:url(../images/swfupload/preloader.gif) 1000px 1000px no-repeat;
	padding:7px 3px 0 0;
	width:20px; height:23px;
	display:block;
}
div.swfupload-progress span.swfupload-cancel a { background:url(../images/swfupload/cancel.png) 0 0 no-repeat; width:16px; height:16px; display:block; }
div.swfupload-progress span.swfupload-proc { display:none; }
div.swfupload-progress span.swfupload-status { padding-top:3px; display:block; font-size:12px; }
div.swfupload-progress div.swfupload-file { margin:10px 0; }
div.swfupload-progress div.swfupload-bar { background:url(../images/swfupload/bar.gif) #404040 0 0 repeat; width:100%; height:30px; line-height:0; font-size:0; }
div.swfupload-progress div.swfupload-bar div { background:url(../images/swfupload/progress.gif) #101010 0 0 repeat; width:1px; height:30px; line-height:0; font-size:0; }


/*---------------------------------- ajax ------------------------------------*/
div.preloader { position:relative; z-index:35; zoom:1; }
div.preloader div.preoverlay {
	background:#fff;
	position:absolute; z-index:1;
	width:100%; height:50px;
	filter:alpha(opacity=60); opacity:0.6;
}
div.preloader div.pretimer {
	position:absolute; z-index:2;
	background:url(../images/preloader.gif) 50% 50% no-repeat;
	width:100%; height:50px;
}


/*---------------------------------- windows ---------------------------------*/
div.overlay {
	position:fixed; top:0; left:0; z-index:99;
	background-color:#000;
	width:100%; height:100%;
	filter:alpha(opacity=40); opacity:0.4;
}

table.overlay { position:absolute; top:0; left:0; z-index:100; width:100%; height:100%; }
table.overlay-scrollable { position:fixed; }
table.overlay td.overlay { vertical-align:middle; text-align:center; }
table.overlay td.overlay-preloader { background:url(../images/preloader.gif) 50% 50% no-repeat; }

table.modal-window { margin:0 auto; text-align:left; }
div.modal-window {
    /*display:inline-block;*/
	text-align:left;
    /*min-width:200px; max-width:600px;*/
}

div.modal1 td.modal-window,
div.modal1 div.modal-window {
    border:2px solid #a19f8e;
	background:url(../images/skin/1_bg.gif) repeat 0 0;
	padding:14px;
	color:#000;

	-moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.5);
	box-shadow:0 5px 5px rgba(0, 0, 0, 0.5);
}
div.modal1 div.preloader div.preoverlay { background:url(../images/skin/1_bg.gif) repeat 0 0; }
div.modal1 div.modal-toolbar { position:relative; z-index:1; zoom:1; }
div.modal1 div.modal-toolbar a.modal-close {
    position:absolute; top:-14px; right:-14px; z-index:1;
    background:url(../images/skin/1_close.png) no-repeat 0 0;
    display:block;
    width:19px; height:19px;
}
div.modal1 div.buttons { margin-top:10px; }

div.modal2 td.modal-window,
div.modal2 div.modal-window {
    border:2px solid #acc2c3;
	background:#e5e9eb;
	padding:11px 18px;

	-moz-box-shadow:5px 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:5px 5px 5px rgba(0, 0, 0, 0.5);
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.5);
}
div.modal2 div.modal-toolbar { position:relative; z-index:1; zoom:1; }
div.modal2 div.modal-toolbar a.modal-close {
    position:absolute; top:-14px; right:-14px; z-index:1;
    background:url(../images/skin/1_close.png) no-repeat 0 0;
    display:block;
    width:19px; height:19px;
}
div.modal2 div.buttons {
    background:url(../images/skin/bg_buttons.gif) repeat 0 0;
    margin:11px -18px -11px; padding:11px 18px;
    min-height:1em;
}
div.modal2 div.buttons a,
div.modal2 div.buttons input { vertical-align:middle; }
div.modal2 div.buttons a,
div.modal2 div.buttons a:hover { color:#fff; }
div.modal2 div.buttons a[rel=toggle],
div.modal2 div.buttons a[rel=toggle]:hover { border-bottom:none; }
div.modal2 div.buttons a[rel=toggle]:hover { text-decoration:underline; }
div.modal2 div.preloader div.preoverlay { background-color:#acc2c3; margin-left:-18px; padding:0 18px; }
div.modal2 div.form-main,
div.modal2 div.agree { background-color:#c8d5d7; padding:11px 10px 11px 18px; }
div.modal2 div.agree { margin:11px -18px -11px; }
div.modal2 div.form-main { margin:-11px -18px 11px; padding:8px 18px 11px; text-align:center; }
div.modal2 h2 {
    background-color:#acc2c3;
    margin:-11px -18px 11px; padding:7px 18px;
    text-align:center;
    color:#fff;
    font-size:18px; font-weight:normal;
    zoom:1;
}
div.modal2 h2 span.upload {
    background:url(../images/skin/h_upload.png) no-repeat 0 5px;
    margin:-7px 0; padding:7px 0 7px 33px;
    display:inline-block;
}
div.modal2 p.alert { margin:0; padding:5px 0 10px; max-width:300px; color:#000; font-size:14px; }
div.modal2 div.message { width:340px; }
div.modal2 div.message p.alert { max-width:340px; }
div.modal2 div.message div.swfupload-button { width:336px; }
div.modal2 div.message div.swfupload-progress { width:338px; }
div.modal2 div.message div.swfupload-progress span.swfupload-file { width:308px; }

div.modal div.footnote { width:400px; }
div.modal div.naked { margin:0; padding:0; width:auto; }
div.modal div.text { background-color:#fff; margin:0 -10px -10px; padding:10px; max-height:480px; overflow:auto; }
div.modal div.contacts { display:block; }
div.modal div.modal-preloader { background:url(../images/preloader.gif) 50% 50% no-repeat; height:16px; }

div.modal-bind { position:absolute; z-index:50; }
div.modal-bind div.modal-window { display:block; }