/* get other css */
@import url("reset.css");
@import url("typography.css");


/* SNIPPETS */
img { border:0; }
input { vertical-align:middle; }
.float-left { float:left; }
.float-right { float:right; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
.clear:after { content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clear { display: inline-block; }
html[xmlns] .clear { display: block; }
* html .clear { height: 1%; }


/* ************ Begin General Layout Styles ************ */

/* BODY */
body {background:#f8f8f8 url(http://personconsulting.com/images/bodybg.jpg) top left repeat-x;}
#container {background:#8c1e1d url(http://personconsulting.com/images/container.jpg) top left repeat-x; color:#fff; text-align:left; width:630px; min-height:330px; margin:0 auto; position:relative; padding:50px 10px 30px 10px; }
#left { background: url(http://personconsulting.com/images/container_left.jpg) top right no-repeat; position:absolute; left:-262px; height:475px; width:262px; top:0; }
#right { background: url(http://personconsulting.com/images/container_right.jpg) top left no-repeat; position:absolute; right:-59px; height:497px; width:59px; top:0; }
#logo {float:left; width:160px;}
.more_info { position:absolute; right:8px; bottom:8px; }


/* UPLOADER */
#upload_form{ float:right; width:460px; margin:0 auto;}
#progress_bar{ float:right; width:460px; margin:0 auto;}
#lightbox{
	position: absolute;
	top:50%;
	left:-9999px;
	z-index:9999;
	width:390px;
	height:320px;
	margin:-200px 0 0 -200px;
    border-left: 2px solid #d4d0c8;
    border-top: 2px solid #d4d0c8;
    border-right: 2px solid #404040;
    border-bottom: 2px solid #404040;
	background:#FFF;
	text-align:left;
	padding-top: 20px;
}
#lightbox[id]{position:fixed;}

#overlay{
	position:absolute;
	top:0;
	left:-9999px;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#444;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{position:fixed;}
#lhdr{position:absolute; top: 0px; left: 0px;background: #2c4887;font: bold 13px Arial;width:388px;height:18px;padding-left:2px;color:#FFFFFF;}
#close{position:absolute; top: 2px; right: 2px; cursor:pointer;}

FIELDSET {width: 400px; padding:20px; font: 13px Arial; text-align: left;}
LEGEND   {font-size:2em; padding: 1.6px;}
#div1, #file_list {text-align: left; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
#div1 {width: 100%; padding: 10px;}
#upload_input input {font: 12px Arial; border: 1px solid #636363; margin-top: 1px; width: 100%;}
#files_list {font: 12px Arial; background-color: #ffffff;}
#files_list input {font: 12px Arial; border: 1px solid #c3c3c3; margin-top: 1px;}
#files_list a, #files_list a img {border:none;float:right;width:16px;height:16px;}
.xrow {background:#f9f9f9;border:1px solid #d9d9d9;padding:2px;margin-top:2px;width:100%;}
.xfname  {color: #333;float:left;}
.xdescr  {color: #aaa;}
.xdescr input {width: 300px;}

/* CSS below required for Inline3 mode */
.data { width: 80%; margin-bottom: 3px;}
.data TR TD {padding:3px;}
.bar1 {border: 1px solid #a3a3a3; background-color: #f6f6f6; text-align: left; vertical-align: middle; height: 20px;}
.bar2 {width: 1%; background-color: #c9c9c9; height: 20px; text-align: left; border:1px solid #fff;}
.message {width: 400px; font: 11px Arial; margin-top: 5px; text-align: left; padding-left: 3px;}
.myLink  {font: bold 13px Arial; color: #ffffff; text-decoration: none;}
.btn     {font: 12px Arial; border: 1px solid #a3a3a3; background-color: #e9e9e9; margin-top: 3px; margin-bottom: 5px;}

.bar1x {width:400px;height: 30px;border: 1px solid #a3a3a3; background-color: #000000; text-align: left; vertical-align: middle; margin-top:7px;}
.bar2x {width: 1%; height: 30px; background-color: #c9c9c9; text-align: left;}