@media screen
{

 a:link, a:visited { color:#af1010; text-decoration:none; }
 #admin-nav a:link, #admin-nav a:visited { background:url(/_admin/images/arrow.gif) left 1em no-repeat; display:block; font-weight:bold; padding:0.5em 0 0.5em 1em; }
 #admin-nav a:link.current, #admin-nav a:visited.current, .pages .current a:link, .pages .current a:visited { color:#f00; }
 .linkslist a:link, .linkslist a:visited, .pages a:link, .pages a:visited { background:#f2f2f2; border-radius:0.5em; border:1px solid #d9d9d9; display:block; min-width:1.4em; padding:0.5em; text-align:center; }
 .logon-button a:link, .logon-button a:visited { background:#369 linear-gradient(#036, #369, #036); border-radius:1.5em; color:#fff; display:inline-block; padding:0.75em 1.5em; }
 .pages .current a:link, .pages .current a:visited { border-color:#999; }
 table.data a:link, table.data a:visited { display:block; margin:-0.5em -0.75em; padding:0.5em 0.75em; }

 a:link:hover, a:visited:hover { color:#f00; }
 .linkslist a:link:hover, .linkslist a:visited:hover, .pages a:link:hover, .pages a:visited:hover { border-color:#999; }
 .logon-button a:link:hover, .logon-button a:visited:hover { background:#69c linear-gradient(#369, #69c, #369); color:#fff; }

 #admin { background:#fff; }
 #admin-container { background:#f9f9f9; border-radius:0 0 1.5em 1.5em; border-color:#d9d9d9; border-style:solid; border-width:0 1px 1px; max-width:168em; margin:0 auto 1.5em; padding:0 0 1.5em; width:calc(100% - 2px); } /* Width subtractions = borders */
 #admin-container, table.form { border-collapse:collapse; border-spacing:0; }
 #admin-content h2 { border-top:1px solid #d9d9d9; padding:1.25em 0 0; }
 #admin-content { padding:1.5em; width:calc(100% - (20em + 3px)); } /* Width subtractions = sidebar + paddings + borders */
 #admin-content, #admin-sidebar { float:left; }
 #admin-logon p:first-of-type { line-height:1.5; margin:1.5em 0 0; }
 #admin-logon { text-align:center; }
 #admin-nav li { border-bottom:1px solid #d9d9d9; margin:0; }
 #admin-nav li:first-of-type { border-top:1px solid #d9d9d9; }
 #admin-nav { list-style:none; margin:1.5em 0; }
 #admin-sidebar { border-right:1px solid #d9d9d9; padding:0 1.5em 1px; width:14em; } /* Non-zero vertical-padding needed for its width to render */
 #frontend-logon input[type='password'], #frontend-logon input[type='text'] { margin:0.25em 0 0; }
 #frontend-logon { background:#fff; border-radius:1em; border:3px double #eee; float:left; padding:0.5em 1.5em 1.5em; }
 #frontend-logon-container { float:left; max-width:calc(552px - (311px + 1em)); }
 #frontend-logon-decoration { background:#eee; border-radius:calc(2em + 2px); border:1px solid #ddd; float:left; margin:1em 0 0; padding:1em; }
 #frontend-logon-image { float:left; margin:0 1em 0 0; }
 .error { color:#f00; }
 .good { color:#090; }
 .linkslist h3 { margin:1rem 0 0; }
 .linkslist h3, .linkslist li, .linkslist ul { float:left; }
 .linkslist li { margin:1em 0 0 1em; padding:0; }
 .linkslist ul { list-style:none; margin:0; padding:0; }
 .separated { margin:2em 0 0; }
 body { background:#f9f9f9; color:#333; font:10px verdana,arial,helvetica,sans-serif; }
 dfn { border-bottom:1px dotted; cursor:help; }
 fieldset { border-color:#d9d9d9; border-radius:0.8em; border-style:solid; border-width:0.8em 1px; float:left; }
 fieldset, p, p + table, table.data, ul.pages { margin:1em 0 0; }
 iframe { border:0; }
 img.screenshot { background:#fff; border-radius:1em; border:1px solid #d9d9d9; padding:1em; }
 table { font-size:1em; } /* Otherwise it's somehow 16px */
 table.data td { border-width:0 1px; }
 table.data td, table.data th { border-color:#d9d9d9; border-style:solid; border-width:0 1px; }
 table.data td.datetime, table.data td.number, td.label { white-space:nowrap; }
 table.data th { background:#e9e9e9; }
 table.data th { border-width:1px; }
 table.data tr:nth-child(even) { background:#f2f2f2; }
 table.data tr:nth-child(odd) { background:#fff; }
 table.data { border-bottom:1px solid #d9d9d9; }
 table.form .radioortick label { font-weight:normal; }
 table.form td { padding-bottom:1em; vertical-align:top; }
 table.form td.label, table.form td.text { padding-top:0.7em; } /* Line up label baseline with textbox's (if body font-size = 10px) */
 td.label label { font-weight:bold; }
 td.label { padding-right:0.5em; text-align:right; }
 textarea.html { font:12px monospace; }
 ul { list-style-image:url(/image/arrow.png); list-style-position:outside; }
 ul.pages li { float:left; margin:0 0.25em 0.25em 0; padding:0; }
 ul.pages { list-style:none; }

}

@media screen and (max-width:840px)
{
 table.data td.datetime, td.label { white-space:normal; }
}

.clear { clear:both; }
body { margin:0; padding:0; }
dfn { font-style:normal; }
dd { margin:0.5em 0 0; }
dl { margin:0; }
dt { font-weight:bold; margin:1em 0 0; }
h1 { font-size:200%; margin:0; }
h2 { font-size:150%; }
h2, h3 { margin:1.5em 0 0; }
h3 { font-size:120%; }
li { margin:0.5em 0 0; }
table.data td, table.data th { padding:0.5em 0.75em; text-align:left; vertical-align:top; }
table.data td.datetime, table.data td.number, table.data th.datetime, table.data th.number { text-align:right; }
table.data td.yesno, table.data th.yesno { text-align:center; }
table.data { border-collapse:collapse; border-spacing:0; margin:1em 0; }
ul { margin:0 0 0 2em; padding:0; }


.hiddenDiv { display:none; }
.visibleDiv { display:inline; }
.TopNav {
 font-family:arial,helvetica,sans-serif;
 font-size:12px;
 color:#393939;
 text-decoration:none;
 padding-top:18px;
}
.TopNav {
 font-family:arial,helvetica,sans-serif;
 font-size:12px;
 color:#393939;
 text-decoration:none;
 padding-top:18px;
}
.TopNav a:link {
 font-family:arial,helvetica,sans-serif;
 font-size:12px;
 color:#393939;
 text-decoration:none;
 padding-top:18px;
}
.TopNav A:visited {
 font-family:arial,helvetica,sans-serif;
 font-size:12px;
 color:#393939;
 text-decoration:none;
 padding-top:18px;
}
.TopNav A:hover {
 font-family:arial,helvetica,sans-serif;
 font-size:12px;
 color:#393939;
 text-decoration:none;
 padding-top:18px;
}
.Login{
 font-family:arial,helvetica,sans-serif;
 font-size:11px;
 color:#535353;
 text-decoration:none;
 padding-top:20px;
}
.Login a:link {
 font-family:arial,helvetica,sans-serif;
 font-size:11px;
 color:#af1010;
 text-decoration:none;
 padding-top:20px;
}
.Login A:visited {
 font-family:arial,helvetica,sans-serif;
 font-size:11px;
 color:#af1010;
 text-decoration:none;
 padding-top:20px;
}
.Login A:hover {
 font-family:arial,helvetica,sans-serif;
 font-size:11px;
 color:#f00;
 text-decoration:none;
 padding-top:20px;
}
.ManagerMenu {
 font-family:verdana,arial,helvetica,sans-serif;
 font-size:10px;
 color:#393939;
 text-decoration:none;
}
.TextTitle {
 font-family:arial,helvetica,sans-serif;
 font-size:12px;
 color:#666;
 text-decoration:none;
}
.button a:link {
 font-family:verdana,arial,helvetica,sans-serif;
 font-size:10px;
 color:#fff;
 text-decoration:none;
}
.button a:visited {
 font-family:verdana,arial,helvetica,sans-serif;
 font-size:10px;
 color:#fff;
 text-decoration:none;
}
.button a:hover {
 font-family:verdana,arial,helvetica,sans-serif;
 font-size:10px;
 color:#f00;
 text-decoration:none;
}
.ManagerMenu a:link {
 font-family:verdana,arial,helvetica,sans-serif;
 font-size:10px;
 color:#af1010;
 text-decoration:none;
}
.ManagerMenu A:visited {
 font-family:verdana,arial,helvetica,sans-serif;
 font-size:10px;
 color:#af1010;
 text-decoration:none;
}
.ManagerMenu A:hover {
 font-family:verdana,arial,helvetica,sans-serif;
 font-size:10px;
 color:#f00;
 text-decoration:none;
}
.SecondNav {
 font-family:arial,helvetica,sans-serif;
 font-size:12px;
 color:#393939;
 text-decoration:none;
 padding-top:5px;
}
.SecondNav a:link {
 font-family:arial,helvetica,sans-serif;
 font-size:12px;
 color:#393939;
 text-decoration:none;
 padding-top:5px;
}
.SecondNav A:visited {
 font-family:arial,helvetica,sans-serif;
 font-size:12px;
 color:#393939;
 text-decoration:none;
 padding-top:5px;
}
.SecondNav A:hover {
 font-family:arial,helvetica,sans-serif;
 font-size:12px;
 color:#393939;
 text-decoration:none;
 padding-top:5px;
}
.prodscroll {
 height:356px;
 overflow-x:hidden;
 overflow-y:scroll;
}
.Header {
 font-family:arial,helvetica,sans-serif;
 font-size:12px;
 color:#393939;
 text-decoration:none;
 font-weight:bold;
}
.HomeHeader {
 font-family:arial,helvetica,sans-serif;
 font-size:12px;
 color:#393939;
 line-height:14px;
}
form {
 padding:0;
 margin:0;
}
.employeeName {
 font-size:11px;
}
.style1 {
 font-family:arial,helvetica,sans-serif;
 font-size:14px;
 font-weight:bold;
}
.noscriptmsg {
 width:100%;
 text-align:center;
 background:#333;
 color:#f00;
 font-size:14px;
 padding-top:10px;
 padding-bottom:10px;
}
