body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/* select, input, textarea {font:99% arial,helvetica,clean,sans-serif;} */
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}

body, html { background-color: #000; height: 100%; }

body {
	background-color: #000;
	background-image: url('/static/background.png');
	background-repeat: repeat-x;
	background-position: bottom right;
	background-attachment:fixed;
}


html
{
    overflow: hidden;
}

strong {
    font-weight:bold;
}

em {
    font-style: italic;
}

#doc {
    margin: 0 10px 0 10px;
}

#ft {
    font-size:92%;
    background:#eee;
    text-align:center;
    margin-top:20px;
    padding:8px;
    border:1px solid #ccc;
    border-right:0;
    border-bottom:0;
    border-left:0;
}

#cols {
    width:100%;
    margin-top:10px;
}

#cols td {
    vertical-align:top;
}

#menu {
    background:#ccc;
    padding:5px;
    width:10em;
    border:1px solid #aaa;
}

#menu h2 {
    font-size:129%;
    font-weight:bold;
    padding:4px 10px 4px 10px;
/*    border:solid red 1px 0 0 0; */
    margin-bottom:10px;
    border:1px dotted #aaa;
    border-top:0;
    border-right:0;
    border-left:0;
}

#menu ul {
    list-style:square;
    margin:15px;
}

#menu ul li {
    margin:3px;
}

#id_help {
position:absolute;
top:65px;
right:70px;
text-align:right;
color:#d90000;
text-decoration:underline;
cursor:pointer;
}

#id_project_workspace h3 {
    padding-left:20px;
    font-size:114%;
    font-weight:bold;
}

#id_upload_cont {
/*    width:420px; */
/*    width:100%; */
/*    height:55px; */
    margin:10px;
    padding:10px;
/*    border:1px solid black; */
/*    float:left; */
/*    width:25em; */
/*    height:5em; */

    background:#ccc;
/*    border:10px; */
}

#id_upload_cont input {
/*    width:200px; */
      height:25px;
/*    padding:5px; */
}

#id_file_list_cont {
/*    width:30em; */
    width:212px;
/*    height:10em; */
/*    height: 100px; */
/*    border: 1px solid black; */
/*    float:right; */
    margin:10px;
    padding:5px;
    background:#67c8ff;
    overflow:auto;
    border:1px solid #33a2f0;
    height: 244px;
}

#id_file_list {
    background:#ffffff;
    height: 160px;
}
 
#id_page_zoom {
/*    clear:both; */
    width:242px;
    height:302px;
    border: 1px solid #fff;
    text-align:center;
}

#id_page_zoom_explanation {
    margin-left:auto;
    margin-right:auto;
    margin-top:130px;
    width:150px;
}

#id_page_zoom_img {
    border: 1px solid #888;
    margin:0;
}

#id_pages_cont {
/*    clear:right; */
/*    margin-left:245px; */
/*    margin-top:-304px; */
/*    border: 1px solid black; */
/*    position:relative; */
}

#id_pages_list {
    background-color: white;
    border: 1px solid #888;
    list-style-type:none;
    margin:0;
    padding-top:0;
    padding-bottom:0;
    padding-right:0;
    padding-left:0;
/*    height:400px; */
    overflow:auto;
}

#id_pages_list li {
/*    position:relative; */
    float:left;
    padding:0;
    margin:0;
    border: 1px solid #000;
    width:140px;
    height:190px;
    text-align:center;
    cursor:pointer;
    background:url('/static/frame_normal.png');
}

#id_pages_list p {
    margin:0;
    text-align:right;
    padding:0;
    padding-right:20px;
    height:14px;
    font-size:12px;
    font-weight:bold;
}

#id_pages_list img {
    border: 1px solid #888;
    margin:0;
}

#id_pages_list li.selected {
/*    background:#88f;*/
    background:url('/static/frame_selected.png');
}

#id_pages_list li.selected {
    color: white;
}

#id_pages_list li.selected p {
    color: black;
}

#id_pages_list li.inrange {
/*    background:#ccf;*/
    background:url('/static/frame_hover.png');
}

#id_pages_list li.hover img {
    border: 1px solid #00f;
}

.file_num_1 {
    background: #e5e5e5;
}

.file_num_2 {
    background: #b4b4b4;
}

.file_num_3 {
    background: #636363;
	color: #fff;
}

.file_num_4 {
	background: #323232;
	color: #fff;
 }

.hover {
}

#content {
    padding:20px;
    font-size:107%;
}

#content h2 {
    font-size:136%;
    margin-left:30px;
}

#content p {
    margin-top:8px;
    margin-bottom:8px;
}

#content li {
    list-style:square;
    margin-left:30px;
}

#content .help {
    display:block;
    margin-left:auto;
    margin-right:auto;
}

#beta {
    position:absolute;
    top:50px;
    left:120px;
    color:#f80;
    font-weight:bold;
    font-style:italic;
    font-size:107%;
    text-decoration:none;
}

#id_start {
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
    text-align:center;
}

#id_start a {
    font-size:136%;
    color:red;
    background:#ccc;
    width:30em;
    padding:10px 50px 10px 50px;
}

#id_start a:hover {
    color:green;
}

#id_project_exporting {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
}

#id_project_exporting_back {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100px;
    background-color: black;
    filter: alpha(opacity=50);
    opacity:0.5;
}

#id_project_exporting_box {
    padding: 9px;
    margin-left: auto;
    margin-right: auto;
    width: 540px;
    border: 1px solid #767676;
    background-color: white;
    position: relative;
    text-align: left;
    top: 20px;
}

#id_project_exporting h2 {
    font-size:197%;
    font-weight:bold;
    margin-bottom:20px;
}

#id_project_exporting p {
    font-size:129%;
    margin-top:15px;
    margin-bottom:15px;
}

#id_action_buttons {
    color:#b2b2b2;
}

#id_action_buttons button {
    width:90px;
}

#id_page_preview {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    text-align: center;
}

#id_page_preview_back {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100px;
    background-color: black;
    filter: alpha(opacity=50);
    opacity:0.5;
}

#id_page_preview_img
{
    margin-top: 70px;
    border: 2px solid black;
    position: relative;
}

#id_help_cont {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
}

#id_help_back {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100px;
    background-color: black;
    filter: alpha(opacity=50);
    opacity:0.5;
}

#id_help_box
{
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    border: 1px solid black;
    background-color: white;
    position: relative;
    text-align: left;
    top: 20px;
}

#id_advanced_form_cont {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
}

#id_advanced_form_back {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100px;
    background-color: black;
    filter: alpha(opacity=50);
    opacity:0.5;
}

#id_advanced_form_box
{
    padding: 9px;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    border: 1px solid #767676;
    background-color: white;
    position: relative;
    text-align: left;
    top: 20px;
}

#id_advanced_form_box h3
{
    font-size: 180%;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

#id_advanced_form_box table.advanced_form
{
    width: 100%;
    margin-left: 20px;
}

#id_advanced_form_box table.advanced_form th
{
    padding-top: 5px;
    padding-right: 4px;
}

#id_advanced_form_box table.advanced_form td
{
    padding: 3px;
    width: 100%;
    padding-right: 40px;
}

#id_advanced_form_box p
{
    margin-left: 20px;
    margin-bottom: 10px;
}

#id_advanced_form_box table.advanced_form input,textarea
{
    border: 1px solid #8eacc4;
    background-color: white;
    width: 100%;
}

#id_advanced_form_box button
{
    margin-top: 20px;
    width: 100px;
}

#id_advanced_password_error_msg
{
    color: #a00;
    font-style: italic;
}

#preload { /* Empty div for rollover preloading */
	height: 0; 
	overflow: hidden; 
}