/* ---------------------------------------------------------------------
RESET CSS
------------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    vertical-align: baseline;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

:focus {
    outline: 0;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a:hover{color:blue;}

/* ---------------------------------------------------------------------
 Form Reset Styles
------------------------------------------------------------------------ */
/*
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}       


input {
    -webkit-appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}            */

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
    font: normal 12px/1.1875 Helvetica, Arial, sans-serif;
    font-size:14px;
    padding:5px;
}

::-moz-focus-inner {
    border: 0;
    padding: 0;
}      

/* ---------------------------------------------------------------------
 Base Styles
------------------------------------------------------------------------ */
body {
    font: normal 12px/1.1875 Helvetica, Arial, sans-serif;
    color:#333;
    min-width: 320px;
    background:#f8f8f8;
}

a {
    color: #231f20;
    text-decoration: none;
}

img, video, canvas {
    max-width: 100%;
}

.msg{}

/* home
------------------------------------- */
.container{width:900px;min-height:600px;margin:0 auto;overflow:hidden;background:#fff;box-shadow: 2px 0px 5px #c8c8c8,-2px 0px 5px #c8c8c8;}

.header{margin:0;padding:10px;height:75px;position:relative;}
.header h1{font-size:22px;position:absolute;top:30px;left:300px;}
.header h2{font-size:12px;position:absolute;top:20px;right:20px;}
.header h3{text-align:center;font-size:18px;font-weight:400;color:red;position:absolute;top:75px;margin:0 auto;left:0;right:0;line-height:19px;}
.logout{font-size:12px;position:absolute;top:40px;right:20px;}

.wrapper{margin:20px;position:relative;}

fieldset{padding:10px;border:1px solid #c8c8c8;border-radius:3px;}
legend{padding:0 6px;font-size:14px;font-weight:bold;}


form{}
.approve{width:395px;float:left;}
.approve select{height:26px;}
option{padding:2px 10px;}
input[type="text"], input[type="email"], select, textarea{padding:2px 4px;font-size:14px;width:280px;height:20px;border:1px solid #c0c0c0;border-radius:3px;}
.add{clear:both;}
.approve, .add{margin-bottom:10px;position:relative;}
.approve #secappv{cursor:pointer;}
.approve #secappv:hover{text-decoration:underline;}
.fname{float:left;}
.lname{margin:0 20px;float:left;}
.reqdate{margin:0 30px;float:left;}
.reqdate span{padding:4px 0;display:block;font-size:14px;}
.approve label{display:block;}
.title{clear:both;padding-top:10px;float:left;}
.branch{margin:0 20px;padding-top:10px;float:left;}
/*.branch input{width:590px;}  */
.add label{display:block;;}
.add{margin-top:10px;}

#loader{position:absolute;top:280px;left:50%;}

.tabs{}

.btn{display:inline-block;margin:20px 10px;padding:6px 0px;font-size:16px;font-weight:bold;color:#fff;float:left;}
.btn{margin-right:20px;}
.btn a{padding:6px 8px;background:#F5DEB3;color:#fff;border-radius:6px;}
.btn a:hover{background:#fdca01;}
.btn a.active{color:#ae1c40;background:#fba220;}

#remacct{display:none;}
.remacct{display:none;}

.addacct, .remacct{margin:30px 20px 0px;font-size:20px;font-weight:bold;color:#666;float:left;}

.t-wrap{padding:10px 10px 20px;width:840px;border:1px solid #c8c8c8;border-radius:3px;overflow:hidden;position:relative;}

#addacct .field1, #remacct .field1{clear:both;display:block;margin:0;padding:6px 0;position:relative;float:left;overflow:hidden;}
#addacct label, #remacct label{margin:2px 20px 0;display:block;width:250px;text-align:right;float:left;}

#addacct .mulchkbx{float:left;}
#addacct .field2{float:left;}
#addacct .field2 span, #remacct .field2 span{margin:0px 4px 0 20px;;font-size:20px;font-weight:bold;}
#addacct .menufield{padding:3px 20px;font-style:italic;}
#addacct .menufield span{font-weight:bold;text-decoration:underline;}
#addacct .menufield input{margin-top:6px;width:430px;}

#addacct textarea, #remacct textarea{width:470px;height:100px;border:1px solid #c0c0c0;border-radius:3px;}

#addacct{}
#remacct{}
#addacct .field2, #remacct .field2{margin-left:20px;float:left;}
#addacct .field2 label, #remacct .field2 label{margin:6px 6px 0;display:block;float:left;width:100px;}
#remacct .spinst{margin-top:41px;}

#addacct input[type="submit"], #remacct input[type="submit"]{padding:6px 12px;position:absolute;bottom:40px;left:60px;font-size:24px;border:1px solid #c0c0c0;border-radius:3px;float:left;cursor:pointer;}
input[type="submit"]:hover, input[type="button"]:hover{background:#c8c8c8;}


 /* list
------------------------------------- */
.list{margin:0 auto;width:870px;overflow:hidden;}
.list table{margin:0 auto;width:95%;}
.list table.record thead th{padding:2px 10px;text-align:center;border:1px solid #c8c8c8;font-weight:bold;border-right:0px;background:#f8f8f8;}
.list table thead th:last-child{border-right:1px solid #c8c8c8;}
.list table.record tr{border:0px;}
.list table td{padding:3px 5px;border:0px solid;//font-weight:bold;}

.list table.record table tr td{border:0px solid red;}

.list table tr.mover{border-top:1px solid #c8c8c8;}

.record tr.alt td {background: #e8e8e8;}
.record tr.over td {background: #c8c8c8;} /* ref javascript   */
                           
#report tr.odd td { cursor:pointer; }
#report .sel td{background:#999;color:#fff;font-weight:bold;}
#report div.arrow { background:transparent url(../images/arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;text-align:right;}
#report div.up { background-position:0px 0px;}

.detail{margin:0;padding:0 0 20px;text-align:left;background:#f8f8f8;}
.detail table{width:100%;}
.detail td:first-child{width:30px;text-align:right;border:0px solid red;}
.detail td:nth-child(2){width:140px;text-align:right;border:0px solid red;}
.detail td:nth-child(3){width:30px;text-align:center;border:0px solid red;}
.detail td:nth-child(4){width:120px;text-align:right;border:0px solid red;}
.detail td:nth-child(5){width:170px;text-align:left;padding-right:10px;border:0px solid red;}
.detail td.spinst{padding-top:10px;text-align:left;border:0px solid red;}
.detail input[type="text"], textarea{width:200px;}
.detail textarea{line-height:18px;resize:none;}
.detail input[type="submit"]{margin-left:60px;padding:3px 6px;border:1px solid #c0c0c0;border-radius:3px;cursor:pointer;}
.detail input[type="button"]{padding:3px 6px;border:1px solid #c0c0c0;border-radius:3px;cursor:pointer;}
.ajxmsg{color:red;}
#gmsg{width:400px;position:absolute;top:0;left:400px;color:red;}

 /* archives
------------------------------------- */
.arch_cont{margin:0 auto;width:1000px;min-height:600px;overflow:hidden;background:#fff;box-shadow: 2px 0px 5px #c8c8c8,-2px 0px 5px #c8c8c8;}
.header ul{position:absolute;top:76px;left:20px;text-transform:uppercase;}
.header ul li{display:inline;padding:0 12px;font-weight:bold;}
.srch-form{width:830px;margin:0 auto 10px;}
.search{width:380px;float:left;}
.srch-form .reset{margin:1px 10px;float:left;}
.srch-form .reset a{margin:0;padding:3px 4px;background:#ccc;}
.search select, .srch-date select{width:auto;height:25px;color:#333;}
.search input[type="text"]{width:120px;}
.search input[type="submit"], .srch-date input[type="submit"], .reset input[type="button"]{padding:3px 6px;border:1px solid #c0c0c0;border-radius:3px;}
.arch_cont .list{width:900px;}

.srch-date{}
.srch-date input[type="text"]{width:80px;}

#areport tr td { cursor:pointer; }


 /* detail
------------------------------------- */
.detaildates{position:absolute;right:60px;}
.detaildates label{font-weight:bold;}
.detaildates p{padding-bottom:4px;}
.t-wrap input[type="submit"]{cursor:pointer;}


 /* post signoff message
------------------------------------- */
.post-container{width:900px;min-height:300px;margin:0 auto;overflow:hidden;background:#fff;box-shadow: 2px 0px 5px #c8c8c8,-2px 0px 5px #c8c8c8;}
.post-wrapper{margin:20px;}
.post-wrapper h1{margin:20px auto 90px;width:500px;font-size:18px;color:#666;}




 /* footer
------------------------------------- */
.footer{padding:0 0 20px;font-size:10px;color:#999;text-align:center;}
.footer a:hover{text-decoration:underline;}

.sent_msg{font-size:18px;padding:0 20px 20px;color:red;text-align:center;}