* { 
 margin: 0;
 padding: 0;
 
 }
 
html {
width: 100%;
height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:400;
font-size: .95em;

 }
 
body {
 background-color: #fff;
 text-align: center;
 width: 100%;
 padding: 0;
 height: 100%;
 }
img {
  border: none;
}
a {

}

#wrapper {
width: 802px;
margin: 0 auto;
min-height: 503px;
text-align: center;
}
/* hack for Internet Explorer min height*/
/*\*/
* html #wrapper {
height: 503px;
}
/**/

#mainwrap {
position: relative;
width: 802px;
height: 100%;
min-height: 503px;
background-image:url(bg-stripe2.gif);
background-repeat: repeat-y;
background-color: transparent;
background-position: center center;
margin: 0 auto;
z-index: 600;
}
/* hack for Internet Explorer min height*/
/*\*/
* html #mainwrap {
height: 503px;
}
/**/
#kludge_bot {
clear: both;
}

#maintop {
width: 802px;
height: 11px;
background-image:url(bg-top.gif);
background-repeat: no-repeat;
background-color: transparent;
background-position: center bottom;
padding: 0px;
margin: 0 auto;
}

#mainbot {
width: 802px;
height: 37px;
margin: 0 auto;
position: relative;
}
/* hack for Internet Explorer min height*/
/*\*/
* html #mainbot {

}
/**/

#mainbotimage {
width: 802px;
height: 37px;
position: relative;
background-image:url(bg-bot2.gif);
background-repeat: no-repeat;
background-color: transparent;
background-position: center center;
z-index: 12;
}

#mainbgimage {
position: relative;
width: 800px;
margin: 0 auto;
padding: 0;
z-index: 10;
border: 10px solid;
}

/* background-image:url(jtbgb.jpg); */
#backgroundimage {
position: absolute;
bottom: 7px;
left: 1px;
width: 731px;
min-height: 503px;
background-repeat: no-repeat;
background-color: transparent;
background-position: center center;
z-index: 10;
}
/* hack for Internet Explorer */
/*\*/
* html #backgroundimage {
bottom: 6px;
height: 503px;
}
/**/

#toparea {
width: 800px;
margin: 0 auto;
height: 37px;
padding: 0;
text-align: center;
}
#toplogo {
text-align: center;
width: 800px;
margin: 0 auto;
line-height: 37px;
}
#main {
width: 800px;
position: relative;
margin: 0 auto;
padding: 0;
z-index: 30;
min-height: 503px;
height: 100%;
}
/* hack for Internet Explorer min height*/
/*\*/
* html #main {
height: 503px;
}
/**/

#leftmenu {
float: left;
margin: 5px 0 0 6px;
padding: 0;
width: 200px;
z-index: 30;
}
/* hack for Internet Explorer */
/*\*/
* html #leftmenu {
margin: 5px 0 0 3px;
}
/**/
#rightcontent {
float: right;
width: 578px;
min-height: 400px;
margin: 5px 6px 0 0;
border: 1px solid #c2c2c2;
z-index: 32;
}
/* hack for Internet Explorer */
/*\*/
* html #rightcontent {
margin: 5px 3px 0 0;
height: 400px;
}
/**/
#fullcontent {
float: left;
width: 785px;
margin: 5px 6px 5px 6px;
border: 1px solid #c2c2c2;
z-index: 32;
}
/* hack for Internet Explorer */
/*\*/
* html #fullcontent {
margin: 5px 3px 5px 3px;
height: 400px;
}
/**/

#usermenu {
position: relative;
border: 1px solid #c2c2c2;
padding: 0 10px 10px 10px;
margin: 0 auto 6px auto;
text-align: left;
line-height: 16pt;

}
#welcometxt {
font-size: .8em;
}
.menulist {
list-style: square inside;
color: #c42819;
}
.transparentbox {
margin: 0 auto;
padding: 0;
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/transparent2x2.png'); almost works- IE link bug stops it*/
background-color: #fff;
}
.transparentbox[class] {
  background-image: url(../images/transparent.png);
  background-color: transparent;
}

#sortbox {
 padding-bottom: 6px;
 padding-right: 10px;
  font-size: 78%;
 text-align: right;
 float: right;
}
#sortbox form {
display: inline;
}
#sortbox select {
 width: 200px;
 font-size: 78%;
 height: 17px;
 border: 1px solid #c2c2c2;
}

#viewbox {
 padding-bottom: 6px;
 padding-right: 10px;
  font-size: 78%;
 text-align: right;
 float: right;
}
#viewbox form {
display: inline;
}
#viewbox select {
 width: 80px;
 font-size: 78%;
 height: 17px;
 border: 1px solid #c2c2c2;
}
#folderpath {
margin: 0 auto 0 10px;
text-align: left;
font-size: .8em;
height: 27px;
}
.folderpathbox {
margin: 2px auto;
vertical-align: top;
border: 1px solid #d2d2d2;
font-size: .9em;
height: 15px;
width: 503px;
}
#folderlist {
width: 96%;
position: relative;
z-index: 1000;
background-color: #fff;
border: 1px solid #d2d2d2;
margin: 0 auto 10px auto;
}

#folderlist td {
padding: 0 3px 0 3px;
background-image:url(../images/grad3.gif);
background-repeat: repeat-x;
background-position: center center;
background-color: transparent;
border-bottom: 1px solid #efeff2;
}
#folderlist tr {

}


.icon {
width: 11px;
text-align: center;
maring-top: 2px;
vertical-align: middle;
}
.fname {
width: 50%;
line-height: 20pt;
text-align: left;
}
.fname a, .fname a:visited {
color: #0f74db;
text-decoration: none;
}
.emptydir a {
color: #787878 !important;
font-style: italic;
}
.fsize {
width: 15%;
font-size: .85em;
text-align: right;
}
.fdate {
width: 35%;
font-size: .85em;
text-align: right;
border-right: 1px solid #d2d2d2;
}
.foldercomment {
width: 50%;
text-align: left;
font-size: .7em;
line-height: 1.6em;
border-right: 1px solid #d2d2d2;
}



#copyright {
font-size: .6em;
color: #bbb;
background-color: #fff;
}

#error {
color: red;
font-size: 10pt;
line-height: 12pt;
}

#loginbox {
position: relative;
margin: 0 auto;
padding: 0;
width: 529px;
height: 232px;
background-image:url(loginbox.gif);
background-repeat: no-repeat;
background-color: #fff;
background-position: center center;

}

#logintext {
width: 300px;
height: 160px;
margin: 0 auto;
padding: 20px;
position: relative;
top: 50px;
z-index: 40;
line-height: 29px;
}
/* background-image:url(loginbg2.gif); */
#loginbg {
position: absolute;
top: 9px;
left: 31px;
width: 466px;
height: 215px;
background-repeat: no-repeat;
background-color: #fff;
background-position: center center;
z-index: 30;
}

#login_bottom_text {
position: absolute;
text-align: center;
z-index: 40;
width: 100%;
font-size: .6em;
color: #888;
bottom: 9px;
}

.selectbox {
width: 150px;
}

h3 {
color: #932218;
border-bottom-color: #efc5c1;
border-bottom-width: 1px;
border-bottom-style: solid;
line-height: 26pt;
font-size: 1.4em;
font-weight: normal;
margin: 0 auto;
width: 90%;
margin-bottom: 5px;
}

h4 {
color: #730208;
line-height: 26pt;
font-size: 1.1em;
font-weight: normal;
margin: 0 auto;
}

#maincontent {
 width: 770px;
 margin: 0 auto;
 margin-top: 15px;
 text-align: left;
 font-size: 10pt;
 line-height: 18px;
 color: #444;
 
}
#maincontent ul, #maincontent li {
margin-left: 10px;

}
#maincontent p {
 margin-top: 10px;
 margin-bottom: 10px;
}
#maincontent a:link {
color: #428CE7;
}
#maincontent h3 {
font-weight: bold;
}
#bottom, #bottom a {
width: 816px;
height: 60px;
color: #b6c7d4;
font-size: 7pt;
background-image: none;
background-color: #fff;
}

/****** Users ******/

#userlist {
background-color: transparent;
background-image: none;
}

.users {
width: 96%;
position: relative;
z-index: 1000;
border: 1px solid #d2d2d2;
margin: 0 auto 10px auto;
font-size: .8em;
}
.users tr {
line-height: 20pt;
}
.toprow, .toprow td {
font-weight: bold;
line-height: 20px;
border-bottom: 1px solid #d2d2d2;
}
.user_select {
text-align: center;
width: 30px;
}
.user_username {
text-align: left;
}
.user_name {
text-align: left;
}
.user_admin {
}
#user_buttons {
margin-left: 10px;

text-align: left;
}

.addusers {
width: 70%;
position: relative;
z-index: 1000;
border: 1px solid #d2d2d2;
margin: 0 auto 10px auto;
font-size: .9em;
line-height: 20pt;
padding: 5px 0 5px 0;
}
.addusers td {
padding: 3px;
}
.adduser_col1 {
text-align: right;
width: 40%;
}
.adduser_col2 {
text-align: left;
width: 60%;
}
.adduserinput {
width: 200px;
}

/** Project list **/

.projectlist {
font-size: .9em;
}
.projectlist td {
border-top: 1px solid #d2d2d2;
}
.projectlist .col1 {
width: 35px;
}
.projectlist .col2 {
width: 33%;
text-align: left;
}
.col3 {
width: 42%;
text-align: left;
}
.col4 {
width: 13%;
}
.cold5 {
width: 12%;
}

.projectbox {
width: 90%;
position: relative;
z-index: 1000;
border: 1px solid #d2d2d2;
margin: 0 auto 10px auto;
font-size: .9em;
line-height: 20pt;
padding: 5px 0 5px 0;
}

.project_col1 {
text-align: right;
padding-right: 10px;
}

.project_col2 {
text-align: left;
}
.access_col1 {
width: 60%;
padding-left: 4px;
vertical-align: top;
text-align: left;
margin: 0 auto auto auto;
}
.access_col2 {
width: 36%;
text-align: right;
}
.access_col3 {
width: 4%;
padding-left: 4px;
text-align: left;
}
.access_hr {
border-bottom: 1px solid #d2d2d2;
}
.access {
width: 96%;
position: relative;
z-index: 1000;
border: 1px solid #d2d2d2;
margin: 0 auto 10px auto;
font-size: .8em;
}
.access tr {
line-height: 20pt;
}

.user_access {
width: 60%;
position: relative;
z-index: 1000;
border: 1px solid #d2d2d2;
margin: 0 auto 10px auto;
font-size: .8em;
padding: 3px;
}
.user_access tr {
line-height: 20pt;
}

.user_access_col1 {
width: 10%;
text-align: middle;
}
.user_access_col2 {
text-align: left;

}
.unactive_job {
background-color: #f7f7f7;
}
.unactive_project, .unactive_project a {
font-style: italic;
color: #4f4f66;
}
.unactive_user, .unactive_user a {
font-style: italic;
color: #4f4f66;
}
.moved_job {
background-color: #fff4f1;
}

.convertingboxwrap {
 border: 1px solid #c2c2c2;
 padding: 20px;
 margin: auto auto;
 width: 320px;
 color: #444;
}
.thumbicon {
width: 120px; 
height: 120px;
border: 1px solid #eee;
padding: 3px;
text-align: center;
margin-top: 3px;
vertical-align: middle;
display: table-cell;
}
.thumbicon img {
vertical-align: middle;
}
.thumbtext {
font-size: 80%;
width: 124px;
text-align: center;
}
.thumb {
vertical-align: top;
}
#thumblist {
width: 96%;
position: relative;
z-index: 1000;
background-color: #fff;
border: 1px solid #d2d2d2;
margin: 0 auto 10px auto;
}

#thumblist td {
padding: 3px 3px 3px 3px;
background-repeat: repeat-x;
background-position: center center;
background-color: transparent;
//border-bottom: 1px solid #efeff2;
width: 126px;
padding-bottom: 10px;
}