body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,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;}

strong {
    font-weight:bold;
}

#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_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:202px;
/*    height:10em; */
    height: 100px;
/*    border: 1px solid black; */
/*    float:right; */
    margin:10px;
    padding:10px;
    background:#ccc;
    overflow:auto;
}
 
#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 {
    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;
}

#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;
}

#id_pages_list li.inrange {
    background:#ccf;
}

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

.file_num_1 {
    background: #c2ffbf;
}

.file_num_2 {
    background: #ffbfc5;
}

.file_num_3 {
    background: #ffffbf;
}

.file_num_4 {
    background: #eabfff;
}

.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 {
    margin-left:200px;
    margin-right:200px;
    margin-top:50px;
}

#id_project_exporting img {
    margin-left:-100px;
}

#id_project_exporting h2 {
    font-size:197%;
    font-weight:bold;
    font-style:italic;
    text-align:center;
    margin-top:40px;
    margin-bottom:20px;
}

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