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: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block;}
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; }

.clear{ clear:both; float:none; }
strong{ font-weight:bold; }
.green{ color:green; }
.red{ color:red; }
i{ font-style:italic; font-size:12px; }

body{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; color:#222; }

#content{ position:relative; width:100%; }

h1#logo{ font-size:22px; line-height:26px; color:#DC140A; font-weight:bold; margin: 20px; width:500px; float:left; }
#login h1#logo{ margin: 100px auto 0 auto; width:263px; height:56px; float:none; position:relative; overflow:hidden; }
#login h1#logo span{ background:url('../assets/webbeds.png'); float:left; width:263px; height:56px; text-indent:-9999px; }

#login-content{ width:600px; margin:40px auto 0 auto; border:1px solid #DC140A; padding-bottom:20px;border-radius: 15px }
#login-content h2{ background: #DC140A; padding:10px 0; width:100%; text-align:center; color:#fff; font-weight:bold; border-radius:12px 12px 0 0; }
#login-content .row{ clear:both; float:left; margin-top:15px; width:100%; }
#login-content .row label{ float:left; width:100px; margin:10px 0 0 10px; cursor:pointer; font-size:16px; font-weight:bold; }
#login-content .row input[type=text],
#login-content .row input[type=password]{ float:left; width:455px; font-size:16px; padding:5px; border:1px solid #888; line-height:20px; }
#login-content .row input[type=submit]{ clear:both; float:left; margin:0 0 0 110px; font-size:16px; cursor:pointer; padding:5px; width:466px; border:1px solid #888; background:#DC140A; color:#fff;border-radius: 5px; }
#login-content .row input[type=submit]:hover{ background:red; }
#login-content .err{ clear:both; float:left; width:100%; text-align:center; color:red; margin-top:10px; }
#login-content .forgetpass{ clear:both; float:left; margin:15px 0 0 110px; width:465px; text-align:center; }
#login-content .forgetpass a{ font-size:12px;  }
#login-content .info{ clear:both; float:left; margin-top:15px; padding:0 10px; line-height:20px; }

#infologin{ float:right; margin:25px 20px 0 0; }
#infologin a{ margin-left:10px; border-left:2px solid #333; padding-left: 10px; text-decoration:none; color:#333; font-size:14px; }
#infologin a:first-child{ border:none; }
#infologin a:hover{ text-decoration:underline; }

#main-content{ clear:both; float:left; width:calc(100% - 40px); margin-left:20px; padding-bottom:30px; }
#main-content h2.section{ clear:both; float:left; color:#333; font-weight:bold; margin-top:20px; }
#main-content .err{ clear:both; float:left; color:red; margin-top:20px; }
#main-content .err li{ margin-top:5px; }

.wrap-content{ clear:both; float:left; margin-top:15px; }
.wrap-content .info{ clear:both; float:left; margin-top:10px; padding-bottom:10px; }
.wrap-content .info a{ color:#DC140A; }
.wrap-content .listinfo{ clear:both; float:left; margin-top:10px; padding-bottom:10px; }
.wrap-content .listinfo p{ clear:both; float:left; margin:0; padding:0; }
.wrap-content .listinfo li{ clear:both; float:left; margin-top:5px; }

#nav{ width:100%; background:#333; clear:both; float:left; padding-bottom:15px; }
#nav ul{ clear:both; float:left; width:calc(100% - 20px); margin:15px 0 0 20px; }
#nav ul li{ float:left; }
#nav ul li a{ clear:both; float:left; text-decoration:none; font-size:16px;  color:#fff; margin-right:25px; }
#nav ul li a:hover{ text-decoration:underline; }
#nav ul li ul{ display:none; }

.filters,
.filters-right{ clear:both; float:left; margin-top:20px; font-size:14px; }
.filters-right{ float:right; clear:none; }
.filters select{ font-size:14px; }

.data{ clear:both; float:left; width:100%; margin-top:20px; }
.wraptable{ clear:both; float:left; width:100%; margin-top:10px; }
.data table{ clear:both; width:100%; border-top:1px solid #ccc; border-left:1px solid #ccc; }
.data table tr td,
.data table tr th{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px; font-size:12px; line-height:20px; }
.data table tr th{ background:#efefef; vertical-align:middle; font-weight:bold; }
.data form table tr td,
.data form table tr th{ font-size:12px; }
.data form table tr th{ font-weight:normal;}
.data table tr.cancelrow{ color:#aaa; font-style:italic; }
.data table tr.alt{ background:#ffe6e6; }
.data table tr td ul.choice{ clear:both; float:left; width:400px; }
.data table tr td ul.choice li{ list-style:none; width:150px; float:left; margin-bottom:5px; }
.data h3{ clear:both; float:left; margin-top: 20px; padding-bottom:10px; font-weight:bold; }
.data h3 span.small{ font-size:12px; font-style:italic; }

.data .list{ clear:both; }
.data .list li{ padding-bottom:8px; }
.data .list li ul{ clear:both; margin:5px 0 0 15px; list-style:disc; }
.data .list li ul li{ padding-bottom:3px; }

table.leavestats{ margin-top:20px; }
table.leavestats tr td{ padding:8px 5px; }
table.leavestats .disc{ clear:both; list-style:disc; }
table.leavestats .disc li{ margin:3px 0 0 20px; }

.data form input[type=text],
.data form input[type=password]{ border:none; width:calc(100% - 10px); font-size:12px; line-height:20px; padding:5px; }
.data form input[type=submit]{ font-size:12px; margin:10px 0; padding:5px 10px; cursor:pointer; }
.data form select{ font-size:12px; }

.submenus{ clear:both; float:left; margin-top:20px; width:100%; }
.submenus a{ float:left; margin-right:15px; background:#DC140A; padding:5px 12px; text-decoration:none; color:#fff; font-size:14px; }
.submenus a:hover{ background:#930D07; }
.submenus a.option2{ float:right; margin:10px 0 0 15px; background:none; color:#000; font-size:12px; padding:0; text-decoration:underline; }

.leaveinfo{ clear:both; float:left; margin-top:20px; font-size:18px; line-height:18px; }
.leaveinfo span{ padding:0 15px; }
.leaveinfo span.small{ clear:both; float:left; padding:5px 0 0 0; font-size:12px; }

#leavetable{ clear:both; float:left; width:100%; margin-top:20px; }
#leavetable table{ width:100%; clear:both; border-top:1px solid #ccc; border-left:1px solid #ccc; }
#leavetable table tr th,
#leavetable table tr td{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; width:14%; height:20px; padding:15px 8px; }
#leavetable table tr th{ background:#efefef; font-size:22px; line-height:24px; vertical-align:middle;}
#leavetable table tr td{ text-align:center; font-size:22px; line-height:24px; }
#leavetable table tr td ul{ clear:both; margin-top:10px; }
#leavetable table tr td ul li{ text-align:left; list-style:none; font-size:12px; }
#leavetable table tr td ul li span{ color:#888; font-style:italic; }
#leavetable .prevmonth,
#leavetable .nextmonth{ font-size:16px; }
#leavetable .prevmonth{ float:left; margin-left:10px; }
#leavetable .nextmonth{ float:right; margin-right:10px; }

.leave-pop{ display:none; width:500px; }
.leave-pop h2{ font-size:16px; font-weight:bold; width:100%; border-bottom:1px solid #ccc; padding-bottom:10px; }
.leave-pop ul{ clear:both; float:left; margin-top:5px; }
.leave-pop ul li{ clear:both; float:left; margin-top:5px; }
.leave-pop ul li label{ clear:both; float:left; width:120px; }

.pagination{ clear:both; float:left; margin-top:10px; font-size:14px; width:100%; }
.pagination p{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:5px; float:left; background:#DC140A; color:#fff;   }
.pagination a,
.pagination span { border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; float:left; padding:5px 10px; }
.pagination a{ text-decoration:none; color:#DC140A; }
.pagination span{ background:#DC140A; color:#fff; }
.pagination a:hover{ background:#ddd;}

.infoform{ clear:both; float:left; width:100%; text-align:center; color:#fff; padding:10px 0; margin-top:15px; }
.infoformblue{ background:#3399ff; }
.infoformred{ background:red; }


#content-email{position:relative; width:100%;}
#content-email h2{ clear:both; float:left; width:100%; text-align:center; margin-top:20px; font-size:20px; }
#content-email p{ clear:both; float:left; width:100%; text-align:center; margin-top:20px; line-height:22px; }
#content-email .wrapbtnaction{ clear:both; width: 100%; text-align: center; }
#content-email .btnaction{ clear:both; display:inline-block;  margin: 0 auto;}
#content-email .btnaction a{ float:left; margin: 20px 0 0 0; padding:10px 20px; text-decoration:none; color:#fff; }
#content-email .btnaction a.btnapprove{ background:green; margin-right:50px; }
#content-email .btnaction a.btnreject{ background:red; }